PDA

View Full Version : آموزش بکاربردن Ribbon در Delphi 2009



Ahmad Chehreghani
سه شنبه 14 آبان 1387, 22:38 عصر
سلام
يکي از ابزاري که در Delphi 2009 ارائه شده Ribbon هستش که خيليم قشنگه.
من در اينجا سعي دارم طريقه کار با Ribbon را به صورت مقدماتي آموزش بدم.

شروع:

ابتدا يک شعي ActionManager بر روي فرم قرار مي دهيم.
يک شعي Ribbon نيز بر روي فرم قرار مي دهيم.
روي Ribbon راست کليک کرده و Add Application Menu را انتخاب کنيد.
دوباره بر روي Ribbon راست کليک کرده و Add Quick Access Toolbar را ميزنيم.
حال روي ActionManager دوبار کليک کنيد تا پنجره Editing باز شود.
http://i34.tinypic.com/2jahjcn.jpg
حال روي New Action کليک کرده و گزينه Standard را انتخاب کنيد، در پنجره ظاهر شده تمامي زيرمجموعه هاي Edit را انتخاب و تاييد کنيد.(براي انتخاب از کليد CTRL استفاده نماييد)
دوباره عمل را تکرار کنيد و ايندفعه تمامي زير مجموعه هاي File را انتخاب و تاييد کنيد.

روي Ribbon راست کليک کرده و Add tab را بزنيد تا Tab جديدي ساخته شود.
حال روي Tab جديد راست کليک کرده و Add Group را بزنيد تا گروه جديدي ايجاد گردد.


روي ActionManager دوبار کليک کنيد تا دوباره پنجره Editing باز شود.
حال از قسمت Categories ، Edit را انتخاب کرده و آن را بکشيد و بر روي گروه جديد که اضافه کرديد رها کنيد.
شما مي توانيد هريک از اکشنها را مجزا بکشيد و در آنجا رها کنيد(در ادامه توضيح داده خواهد شد).

حالا يک شيع ممو بر روي فرم خود قرار دهيد و Align آن را برابر alClient قرار دهيد.
حال نوبت به منوي اصلي ميرسيم، دوباره روي ActionManager دوبار کليک کنيد تا دوباره پنجره Editing باز شود، حال گزينه File را از قسمت Categories انتخاب کنيد.
گزينه Open را از قسمت Actions گرفته و به روي دايره اي که بر روي Ribbon است هدايت کنيد تا زير منو ي دايره ظاهر شود، حال آن را رها کنيد.
http://i35.tinypic.com/34sjmdc.jpg
اين کار را براي گزينه هاي ديگر نيز انجام مي دهيم.
تا اينجا برنامه ما کار Copy و Past و اينجور کارها رو انجام مي ده و ما ياد گرفتيم که چگونه از اکشنها در ريبون استفاده کنيم.
در آموزش بعدي سعي مي کنم نحوه کد نويسي براي منو ها و طريقه اضافه کردن اکشن جديد که بتونه دستورات ما رو اجرا کنه بهتون آموزش مي دم. (به طور مثال عوض کردن Style مربوط به Ribbon به صورت برنامه نويسي)
فايل ضميمه حاوي کد اين برنامه است.

Ahmad Chehreghani
پنج شنبه 16 آبان 1387, 11:34 صبح
در اين قسمت مي آموزيم :
1- طريقه ساخت يک اکشتن جديد
2- کار با اکشن ها در ريبون
3- طريقه عمض کردن استايلها در ريبون
4- نحوه اضافه کردن آيکون به ريبون
توضيح:
شعي ريبون داراي 3 استايل است که شما مي توانيد به قسمت Propertiesبرويد و از قسمت Style آن را تنظيم کنيد.
آموزش:
خوب روي ActionManager دوبار کليک کنيد تا پنجره Editor به نمايش داده شود.
يا روي New Action کليک کنيد يا کليد Ins رو بزنيد تا اکشن جديدي ساخته شود، روي اکشن کليک کنيد و نام آن را به Mystyle1 تغيير بديد. به همين ترتيب Mystyle2 و Mystyle3 را درست کنيد.
حالا Mystyle1 را انتخاب کنيد و به قسمت Events در Object Inspector مي رويم و روي OnExecute دوبار کليک مي کنيم تا به پنجره کد برويم. خوب اينجا ما مي خواهيم Style مربوط به ريبون را عوض کنيم.
کد زير را داخل پروسيجر ايجاد شده مي نويسيم:


Ribbon1.Style := RibbonLunaStyle;

براي Mystyle2 کد زير :


Ribbon1.Style := RibbonObsidianStyle;

و براي Mystyle3 نيز کد زير :


Ribbon1.Style:=RibbonSilverStyle;

راستي ابتدا چک کنيد که يونيت هاي زير داخل Uses باشند:
RibbonSilverStyleActnCtrls
RibbonObsidianStyleActnCtrls
خوب تا اينجا کد ها را نوشتيم.

حال يک Group جديد ايجاد مي کنيم و اکشنها را کشيده و داخل گروپ مي اندازيم مانند شکل زير:

http://i36.tinypic.com/2rnk19i.jpg

خوب براي اضافه تصوير به دکمه ها ابتدا يک شعي ImageList به فرم اضافه کرده و سپس روي آن دوبار کليک کنيد تا پنجره مربوط به آن باز شود. حال روي دکمه Add کليک کنيد و تصاوير خود را درون آن Add کنيد و در آخر دکمه Apply را کليک کنيد. حال پنجره را تاييد کنيد و مقدار Imags مربوط به ActionManager را به ImageList1 تغيير دهيد.
حال روي کليد هاي ريبون کليک کنيد و سپس گزينه ImageIndex مربوط به هر کليد را به شماره عکس داخل ImageList1 تغيير دهيد.

نمونه کار بسيار زيبا را مي تونيد در لينک زير پيدا کنيد:
http://devexpress.com/Home/Announces/ExpressBars6RibbonDemo.xml

http://devexpress.com/Home/Announces/i/ribbonBetaCollage.png

و همچنين در دموهاي دلفي 2009
\CodeGear\RAD Studio\6.0\Demos\DelphiWin32\VCLWin32\RibbonContro ls
موفق و پيروز باشيد.
پايان

hamidprogramer
یک شنبه 09 فروردین 1388, 00:20 صبح
سلام
آيا امكان راست چين كردن تب هاي ريبون وجو دارد؟
اين ريبون ها را براي برنامه هاي فارسي با تب چپ چين نمي شود استفاده كرد.

hamzehshabani
یک شنبه 16 فروردین 1388, 14:42 عصر
دوستان چطور میشه کلید هایی با آیکون بزرگ قرار داد؟
من هر کاری کردم آیکون هاش کوچیکه...

لطفا کمک کنید

Ahmad Chehreghani
یک شنبه 16 فروردین 1388, 14:58 عصر
دوستان چطور میشه کلید هایی با آیکون بزرگ قرار داد؟
من هر کاری کردم آیکون هاش کوچیکه...

لطفا کمک کنید

ابتدا يک ImageList به برنامه خود اضافه کنيد و خصوصيت DrawingStyle آن را به اندازه مورد نظر خود تغيير دهيد(Height,Width).
روي ImageList دوبار کليک کنيد و آيکون هاي خود را انتخاب کنيد.
حالا خصوصيت LargImage مربوط به ActionManager را برابر ImageList قرار دهيد.

hamidrah
دوشنبه 19 مرداد 1388, 09:17 صبح
سلام احمد آقا
آقا واقعا از این آموزشتون ممنونم خیلی عالی بود
:تشویق:

fahimi
چهارشنبه 02 شهریور 1390, 07:03 صبح
در ribonn میشود هم از LargImage و image کوچک استفاده کرد مانند قابلیتی که devexpress وجود دارد

esi022
دوشنبه 24 مهر 1391, 14:22 عصر
سلام
تا بحال از اين كامپوننت استفاده نكردم.
اين ورژني كه روي delphi 2009 هست trial است يا خير؟
كامپوننت free هم براي ريبون هست؟

Felony
دوشنبه 24 مهر 1391, 14:41 عصر
ابتدا يک ImageList به برنامه خود اضافه کنيد و خصوصيت DrawingStyle آن را به اندازه مورد نظر خود تغيير دهيد(Height,Width).
روي ImageList دوبار کليک کنيد و آيکون هاي خود را انتخاب کنيد.
حالا خصوصيت LargImage مربوط به ActionManager را برابر ImageList قرار دهيد.
علاوه بر این وقتی Action مورد نظر رو روی فرم Ribbon درگ کردید روی عکس مربوطه کلیک کنید و از طریق Object Inspector ، بخش Command Properties ، خصیصه Button Size رو با bsLarge مقداردهی کنید .


سلام
تا بحال از اين كامپوننت استفاده نكردم.
اين ورژني كه روي delphi 2009 هست trial است يا خير؟
كامپوننت free هم براي ريبون هست؟
Ribbon دلفی یک پیاده سازی از Ribbon UI ماکروسافت هست ، پس نسخه آزمایشی یا ... نیست فقط بر اساس Licence اون که موقع نصب دلفی پیغام هشدارش رو دریافت میکنید حق استفاده از این کامپوننت رو در برنامه های تجاری ندارید مگر با خرید License تجاری اون از ماکروسافت .