_أهلا وسهلا بكم إخوانى الكرام أقدم لكم اليوم أفضل الحاويات JPanel لتطبيقات الجافا و ذلك من خلال المكون الرسومى EgyCustomziedJPanel و الذى يحتوى على 7 حاويات فرعية باشكال و مميزات رائعة يمكنك استخدامها بدلا من الحاوية التقليدية التى تأتى مع حزمة swing فى الجافا و اليكم شرح طريقة الاستخدام ...

أولا : التعريف بالمكون EgyCustomziedJPane

_ فى البداية أحب أن أنوه أن هذا المكون من برمجة المهندس الهندى /Dhilshuk Reddy Jeeru  وقد تم التعديل عليه من قبل منتدى مصر التقنى و تحويلة لملف jar حتى يتم استخدامة بسهولة فى بيئات التطوير المختلفة ....و يحتوى المكون على المكونات الفرعية التالية :

1_ المكون الفرعى GradientPane


2_ المكون الفرعى GradientPane2


3_المكون الفرعى CurvedGradientPanel



4_ المكون الفرعى RoundRectGradientPanel


5_ المكون الفرعى LayeredGradientPanel


6_المكون الفرعى BeveledGradientPanelpane



7_ المكون الفرعى UserInputsPane


ثانيا : أستخدام المكونات من خلال السحب و الاسقاط على النوافذ

1_قم بتحميل الملف EgyCustomziedJPane المرفق بالمشاركة ...

2_ قم بفتح NetBeans ثم قم بالنقر يمين فى مكان فارغ على القائمة palette ومن القائمة التى ستظهر اختر الامر Create New Category كما فى الصورة التالية :




3_ سيظهر لك مربع حوارى قم وضع تصنيف مناسب لك و ليكن CategoryMy ليظهر لك هذا التصنيف فى القائمة palette

4_ قم بالنقر يمين مرة أخرى فى مكان فارغ على القائمة palette ومن القائمة التى ستظهر اختر palette Manager كما فى الصورة التالية :



5_ سيظهر لك المربع الحوارى التالي ....قم بالنقر على زر الامر Add form Jar



6_ سيظهر لك مربع حوارى أخرى لاضافة الملف EgyCustomziedJPane قم بتحديده ثم قم بالنقر على زر الامر Next ليظر لك التويب التالى :


فى هذا التويب ستجد المكونات السابعة التى يحتويات الملف EgyCustomziedJPane حدد كل الملفات ثم أنقر Next

8 _ أخير سيظهر لك تويب أخر لاختيار الفئة أو التصنيف الذى سيظهر فية المكون المختار ...فى مثالنا هذا سنتخار التويب الذى قمنا بإنشاءة CategoryMy ثم النقر على إنهاء Finsh

9_وهكذا نكون قد إضفنا جميع المكونات الفرعية التابعة للمكون EgyCustomziedJPane و يمكنك سحب أى مكون على النافذة بسهولة وذلك على النحو التالى :

- المكون GradientPane ...يتميز هذا المكون بأنه يقوم بانشاء حاوية مستخدما التدرج فى الالوان لتمنحك مظهر رسومى رائع كما فى الاشكال التالية :

أهم خصائص هذا المكون :

_ الخاصية startColor ....و التى تستخدم فى تحديد اللون الاول المطلوب للتدرج
_ الخاصية endColor.....و التى تستخدم فى تحديد اللون الثانى المطلوب للتدرج
_ الخاصية direction .....و التى تستخدم فى تحديد اتجاة التدرج يمين , شمال, قوق , تحت و التى يمكن التعبير عنها بقيم رقمة على النحو التالى :


GradientPanel.VERTICAL or 0
GradientPanel.HORIZONTAL or 1
GradientPanel.VERTICAL_RAISED or 2
GradientPanel.HORIZONTAL_RAISED or 3



و تلك هى معظم الخصائص التى ستجدها فى المكونات الفرعية الاخرى ....لذلك باقى المكونات يمكنك استخدامها خصائصها على النحو المبين أعلاه ..


ثالثا : أستخدام المكون عن طريق الشفرة 

على الرغم من سهولة استخدام هذا المكون عن طريق السحب و الاسقاط لمكوناته الفرعية الا ان هناك بعض العناصر ربما لا تستجيب معك بتلك الطريقة لذلك سنشرح كيفية أستخدام المكونات عن طريق الكود ...:

_ بالنسبة للمكون GradientPane 

الكود:


 GradientPanel panel = new GradientPanel();

  JFrame frame = new JFrame("egy-tech");
  frame.setSize(400, 400);
  frame.add(panel);
  frame.setVisible(true);
  panel.setVisible(true);
  frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);


هذا هو ابسط كود لانشاء هذا المكون ...فقط أنشاء مثيل جديد للمكون ثم وضعة على النافذة ....و سيظهر لك باللون الافتراضى ....أماذا اذا اردت تخصيص الالوان الخاصة بك فيكون على النحو التالى :

الكود:

 GradientPanel panel = new GradientPanel(new Color(255,255,255),new Color(0,0,0));

_ ويمكنك تحديد اتجاة التدرج على النحو التالى :

الكود:

GradientPanel panel = new GradientPanel(new Color(255,255,255),new Color(82,82,82),GradientPanel.VERTICAL);

_ المكون GradientPanel2 ....وهذا المكون بأخذ الشكل السابق عرضة دون القدرة على تحديد لون أو اى خصائص اخرى و بالتالى يمكنك استخدامة فقط علن طريق الكود التالى :

الكود:

GradientPanel2 panel = new GradientPanel();

_المكون LayeredGradientPanel و المكون UserInputsPane ...يتميزان بأنك تستطيع وضع تسمية توضحيحة لذلك الشفرة المستخدمة على النحو التالى :

الكود:

LayeredGradientPanel panel = new LayeredGradientPanel (); panel .setTitle("User Inputs");

و 

الكود:

UserInputsPanel panel = new UserInputsPanel (); panel .setTitle("User Inputs");

و يمكنك استخدام  باقى المكونات على نفس المنوال

بارك الله فيك وحزاكم الله خيرا

Thank youuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu