• إنشاء النافذة التى سيتم وضع شريط أدوات Flamingo وذلك من خلال إنشاء الفئة الخاصة بالنافذة مع تمديد الصفات تلك الفئة بــــ JRibbonFrame وذلك على النحو التالى :
  

الكود:

public class Egy extends JRibbonFrame {

}

• وعند تشغيل التطبيق الخاص بك يتم كتابة الكود التالى تحت الدالة الرئسية :
  

الكود:

Egy f = new Egy();
       f.setSize(600,400);
       f.setVisible(true);

• _إضافة band ....وهى عبارة عن حاوية لبعض العناصر الرسومية مثل الازرار ومربعات النصوص وخلافة على شريط الادوات فمثلا سنقوم باضعة عدد 2 مجموعة  band على النحو التالى :
  

الكود:

JRibbonBand band1 = new JRibbonBand("Hello",null);
JRibbonBand band2 = new JRibbonBand("world!", null);

band1.setResizePolicies((List) Arrays.asList(new IconRibbonBandResizePolicy(band1.getControlPanel())));
band2.setResizePolicies((List) Arrays.asList(new IconRibbonBandResizePolicy(band1.getControlPanel())));


• _ إضافة task ....و التى تمثل علامة تبويب للمجموعات على شريط الادوات ...فمثلا سنقوم بإضافة عدد 2 task بأسم  “One” & “Two و ذلك على النحو التالى :
  

الكود:

RibbonTask task1 = new RibbonTask("One", band1);
RibbonTask task2 = new RibbonTask("Two", band2);

•  نقوم باضافة band و task التى قمنا بإنشائها فى الاكواد أعلاه الى شريط الادوات Ribbon فى النافذة و ذلك على النحو التالى :
  

الكود:

f.getRibbon().addTask(task1);
 f.getRibbon().addTask(task2);

•  ولإضافة مجموعة band أخرى في هذا Task فقط بإلحاق المجموعة الجديدة في إعلان التويب على النحو التالى :
  

الكود:

RibbonTask task1 = new RibbonTask("One", band1,band3,band4,band5);

•  إضافة عناصر وليكن زر أمر الى المجموعة band على النحو التالى :
  

الكود:

JCommandButton button1 = new JCommandButton("Square", null);
JCommandButton button2 = new JCommandButton("Circle", null);
JCommandButton button3 = new JCommandButton("Triangle", null);
JCommandButton button4 = new JCommandButton("Star", null);

band1.addCommandButton(button1,RibbonElementPriority.TOP);
band1.addCommandButton(button2,RibbonElementPriority.LOW);
band1.addCommandButton(button3,RibbonElementPriority.MEDIUM);
band1.addCommandButton(button4,RibbonElementPriority.MEDIUM);


 band1.setResizePolicies((List) Arrays.asList(new CoreRibbonResizePolicies.None(band1.getControlPanel()),
  new IconRibbonBandResizePolicy(band1.getControlPanel())));


• إضافة حدث لزر الامر :
  

الكود:


button1.addActionListener(new ActionListener() {

            @Override
            public void actionPerformed(ActionEvent e) {
              // يتم كتابة التعليمات البرمجية هنا
           }
        });


•  إضافة ايقونات الى الازرار
  

1. لكى تستطيع إضافة ايقون الى زر الامر يجب عليك اولا انشاء الطريقة التالية :
   

الكود:

public static ResizableIcon getResizableIconFromResource(String resource) {

  return ImageWrapperResizableIcon.getIcon(Egy.class.getClassLoader().getResource(resource), new Dimension(48, 48));
}

الكود:

   JCommandButton button1 = new JCommandButton("Square", getResizableIconFromResource("1.png"));
JCommandButton button2 = new JCommandButton("Circle", getResizableIconFromResource("2.png"));
JCommandButton button3 = new JCommandButton("Triangle", getResizableIconFromResource("3.png"));
JCommandButton button4 = new JCommandButton("Star", getResizableIconFromResource("4.png"));

band1.addCommandButton(button1, RibbonElementPriority.TOP);
band1.addCommandButton(button2, RibbonElementPriority.MEDIUM);
band1.addCommandButton(button3, RibbonElementPriority.MEDIUM);
band1.addCommandButton(button4, RibbonElementPriority.MEDIUM);

 band1.setResizePolicies((List) Arrays.asList(new CoreRibbonResizePolicies.None(band1.getControlPanel()),
 new IconRibbonBandResizePolicy(band1.getControlPanel())));
 

• اختيار اولويات الظهور
  

• CoreRibbonResizePolicies.None ..........تستخدم مع TOP لكى تظهر زر الامر بحجمة الكامل مع التسمية و الايقون
  
• CoreRibbonResizePolicies.Mid2Mid......وتستخدم مع MEDIUM لتظهر الزر بالمنتصف بحجم صغير مع التسمية و الايقون
  
• CoreRibbonResizePolicies.Mid2Low.....وتستخدم مع MEDIUM لتظهر الزر بالمنتصف بحجم صغير مع ايقون فقط
  
• CoreRibbonResizePolicies.High2Mid.....وتستخدم مع MEDIUM لتظهر الزر بالاعلى بحجم صغير مع التسمية و الايقون
  
• CoreRibbonResizePolicies.Low2Mid......وتستخدم مع  MEDIUM لتظهر الزر بالاسفل بحجم صغير مع ايقون فقط
  
• CoreRibbonResizePolicies.High2Low ...وتستخدم مع LOW لتظهر الزر بالاعلى مع التسمية و الايقون
  
• CoreRibbonResizePolicies.Mirror ........ووسيمثل أزرار الأوامر في الأولوية التي تم تعيينها إلىها ....ترجمة حرفية   
  
• IconRibbonBandResizePolicy .............تلك تمثل المجموعة بأكلمها عند النقر عليها تظهر قائمة بها العناصر
  

• لظهور الايقونات بدون تحكم الحجم الكامل مع النص و التسمية
  

الكود:

band1.setResizePolicies((List) Arrays.asList(
  new CoreRibbonResizePolicies.None(band1.getControlPanel()),
  new IconRibbonBandResizePolicy(band1.getControlPanel())));

• لظهور الازرار بحجم صغير وحجم كبير على حسب الاولوية التى تم تعينها اليها
  

الكود:

band1.setResizePolicies((List) Arrays.asList(
   new CoreRibbonResizePolicies.Mirror(band1.getControlPanel()),
  new IconRibbonBandResizePolicy(band1.getControlPanel())));

• لظهور الازرار  بحجم صغير مع الايقون فقط
  

الكود:

band1.setResizePolicies((List) Arrays.asList(
  new CoreRibbonResizePolicies.Mid2Low(band1.getControlPanel()),
  new IconRibbonBandResizePolicy(band1.getControlPanel())));

• إضافة زر القائمة الكبير
  

الكود:

f.getRibbon().setApplicationMenu(new RibbonApplicationMenu());

• الان سنتعلم سوية كيفية وضع ايقونة لهذا الزر و ذلك من خلال الشفرة التالية :
  

الكود:

f.getRibbon().setApplicationIcon(getResizableIconFromResource("5.png"));

•  إضافة نص تلميح RichTooltip لعناصر شريط الادوات
  

• إنشاء مثيل جديد من الكائن RichTooltip
  

الكود:

RichTooltip richTooltip = new RichTooltip();

• إضافة المعلومات الاساسية لنص التلميح مثل العنوان , والنص , والترويسة على النحو التالى :
  

الكود:

richTooltip.setTitle("Title");
richTooltip.addDescriptionSection("Description");
richTooltip.addFooterSection("Footer");

• أخير هو إضافة هذا النص للمكون الرسومى المراد اظهارة عليه و لنفترض مثلا زر الامر الذى أنشأناه فى بداية الدرس على النحو التالى :
  

الكود:

button1.setActionRichTooltip(richTooltip);

زهراء كتب:نرجوا تكلمة أستاذنا الكريم