دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)!
منتدى مصر التقني :: قسم لغات البرمجة Programming languages :: لغة الجافا Java :: واجهة المستخدم الرسومية Java Swing
صفحة 1 من اصل 1 • شاطر
دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)!
بسم الله الرحمن الرحيم
أهلا وسهلا بكم اخوانى الكرام فى منتدى مصر التقنى ...اليوم اقدم لكم الدرس التاسع من دورة الجافا الرسومية بإستخدام NetBeans ...فى الدرس السابق تعلمنا وتحدثنا عن الاطارات و النوافذ و اليوم ان شاء الله تعالى سنتعلم كيفية التعامل مع حقول التسمية و زر الامر
أولا : العنصر الرسومى JLabel
يوفر العنصر الرسومى حقل التسمية JLabel تعليمات نصية أو معلومات فى فى واجهة المستخدم الرسومية و ذلك عن طريق أظهار سطر نصى أو
صورة أو كليهما للقراءة فقط ولا يمكنك التعديل علية اثناء التشغيل .....ولكى تتمكنك من إضافة هذا العنصر لمشروعك كل ما عليك فعله هو الضغط على ايقونة العنصر فى نافذة الادوات ثم بعد ذلك وضع المؤشر على المنطقة المراد وضعه في نافذة برنامجك كما فى الصورة التالية :
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Egy-tech13619115681](https://2img.net/h/zakyshny.eu5.org/kleeja/uploads/egy-tech13619115681.png)
أهم خصائص العنصر الرسومى JLabel
يوجد الكثير من الخصائص لحقل التسمية لكنى سأذكر فقط أهم الخصائص شائعة الاستخدام لهذا العنصر
1_ الخاصية variable name والتى نستطيع من خلالها وضع أسم للعنصر للتعامل معه فى صفحة الكود
2_الخاصية variable Modifiers و التى من خلالها جعل العنصر عام أو خاص
3_الخاصية font والتى من خلالها نستطيع تحديد الخصائص المميز للخط الحجم و النوع
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Font_property](https://2img.net/h/www.homeandlearn.co.uk/java/images/forms/font_property.gif)
4_ الخاصية foregraoud وهى المسؤلة لاعطاء لون معين للخط
5_ الخاصية text و التى تضع اسم للعنصر يكون ظاهرا للمستخدم
6_ الخاصية icon والتى من خلالها يتم وضع صورة مصغرة للعنصر
ثانيا : العنصر الرسومى JButton زر الامر
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Palette_Button](https://2img.net/h/www.homeandlearn.co.uk/java/images/forms/palette_Button.gif)
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Button_form](https://2img.net/h/www.homeandlearn.co.uk/java/images/forms/button_form.gif)
زر الامر هو عنصر رسومى يضغطة المستخدم لتنفيذ كود معين ....ومن اهم خصائص هذا العنصر الرسومى مايلى :
1_ الخاصية variable name والتى نستطيع من خلالها وضع أسم للعنصر للتعامل معه فى صفحة الكود
2-الخاصية border والتى من خلالها نستطيع وضع إطار جميع للزر كما فى الشكل التالى
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Egy-tech13619115682](https://2img.net/h/zakyshny.eu5.org/kleeja/uploads/egy-tech13619115682.png)
3_ الخاصية rollover icon و التى تعطى صورة عند مرور الماوس على الزر
4_ الخاصية icon والتى من خلالها يتم وضع صورة مصغرة للعنصر
5_ الخاصية Horizontal Size و Vertical Size و اللتان تقوم بتحديد حجم الزر عن طريق وضع القيمة بها
وهناك ايضا الخاصية icon و text و fontو foregraoud
اهم أحداث العنصر الرسومى :يوجد الكثير من الاحداث لزر الامر ومنها مثلا ...
أحداث الضغط على زر الامر Keyboard events
أحداث حركة الفارة mouse move events
أحداث الضغط على الفارة mouse click events
احداث الضغط على الزر Button click events
ويتم الوصول لتلك الاحداث كما فى الصورة التالية
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Inspector_event_action](https://2img.net/h/www.homeandlearn.co.uk/java/images/forms/inspector_event_action.gif)
وهو ان يتم تحديد زر الامر المراد تنفيذ كود فى حدث معين ثم كليك شمال فتظهر لنا قائمة الاحداث كما فى الصورة السابقة و ينتقل بينا المؤشر من صفحة التصميم الى صفحة كتابة الشفر....وفى المثال السابق قمنا بأختيار الحدث actionPerformed وهو يساوى ايضا الحدث MouseClicked ....سندخل صفحة الشفرة و نكتب الكود التالى :
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Egy-tech13619125181](https://2img.net/h/zakyshny.eu5.org/kleeja/uploads/egy-tech13619125181.png)
و النتيجة هو عند الضغط على زر الامر سوف تظهر لنا رسالة ترحيب (أهلا وسهلا)
أهلا وسهلا بكم اخوانى الكرام فى منتدى مصر التقنى ...اليوم اقدم لكم الدرس التاسع من دورة الجافا الرسومية بإستخدام NetBeans ...فى الدرس السابق تعلمنا وتحدثنا عن الاطارات و النوافذ و اليوم ان شاء الله تعالى سنتعلم كيفية التعامل مع حقول التسمية و زر الامر
أولا : العنصر الرسومى JLabel
يوفر العنصر الرسومى حقل التسمية JLabel تعليمات نصية أو معلومات فى فى واجهة المستخدم الرسومية و ذلك عن طريق أظهار سطر نصى أو
صورة أو كليهما للقراءة فقط ولا يمكنك التعديل علية اثناء التشغيل .....ولكى تتمكنك من إضافة هذا العنصر لمشروعك كل ما عليك فعله هو الضغط على ايقونة العنصر فى نافذة الادوات ثم بعد ذلك وضع المؤشر على المنطقة المراد وضعه في نافذة برنامجك كما فى الصورة التالية :
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Egy-tech13619115681](https://2img.net/h/zakyshny.eu5.org/kleeja/uploads/egy-tech13619115681.png)
أهم خصائص العنصر الرسومى JLabel
يوجد الكثير من الخصائص لحقل التسمية لكنى سأذكر فقط أهم الخصائص شائعة الاستخدام لهذا العنصر
1_ الخاصية variable name والتى نستطيع من خلالها وضع أسم للعنصر للتعامل معه فى صفحة الكود
2_الخاصية variable Modifiers و التى من خلالها جعل العنصر عام أو خاص
3_الخاصية font والتى من خلالها نستطيع تحديد الخصائص المميز للخط الحجم و النوع
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Font_property](https://2img.net/h/www.homeandlearn.co.uk/java/images/forms/font_property.gif)
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Font_property_DB](https://2img.net/h/www.homeandlearn.co.uk/java/images/forms/font_property_DB.gif)
4_ الخاصية foregraoud وهى المسؤلة لاعطاء لون معين للخط
5_ الخاصية text و التى تضع اسم للعنصر يكون ظاهرا للمستخدم
6_ الخاصية icon والتى من خلالها يتم وضع صورة مصغرة للعنصر
ثانيا : العنصر الرسومى JButton زر الامر
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Palette_Button](https://2img.net/h/www.homeandlearn.co.uk/java/images/forms/palette_Button.gif)
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Button_form](https://2img.net/h/www.homeandlearn.co.uk/java/images/forms/button_form.gif)
زر الامر هو عنصر رسومى يضغطة المستخدم لتنفيذ كود معين ....ومن اهم خصائص هذا العنصر الرسومى مايلى :
1_ الخاصية variable name والتى نستطيع من خلالها وضع أسم للعنصر للتعامل معه فى صفحة الكود
2-الخاصية border والتى من خلالها نستطيع وضع إطار جميع للزر كما فى الشكل التالى
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Egy-tech13619115682](https://2img.net/h/zakyshny.eu5.org/kleeja/uploads/egy-tech13619115682.png)
3_ الخاصية rollover icon و التى تعطى صورة عند مرور الماوس على الزر
4_ الخاصية icon والتى من خلالها يتم وضع صورة مصغرة للعنصر
5_ الخاصية Horizontal Size و Vertical Size و اللتان تقوم بتحديد حجم الزر عن طريق وضع القيمة بها
وهناك ايضا الخاصية icon و text و fontو foregraoud
اهم أحداث العنصر الرسومى :يوجد الكثير من الاحداث لزر الامر ومنها مثلا ...
أحداث الضغط على زر الامر Keyboard events
أحداث حركة الفارة mouse move events
أحداث الضغط على الفارة mouse click events
احداث الضغط على الزر Button click events
ويتم الوصول لتلك الاحداث كما فى الصورة التالية
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Inspector_event_action](https://2img.net/h/www.homeandlearn.co.uk/java/images/forms/inspector_event_action.gif)
![دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)! Egy-tech13619125181](https://2img.net/h/zakyshny.eu5.org/kleeja/uploads/egy-tech13619125181.png)
و النتيجة هو عند الضغط على زر الامر سوف تظهر لنا رسالة ترحيب (أهلا وسهلا)
ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
سبحان الله وبحمدة .....سبحان الله العظيم
رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)!
بارك الله فيك أخى الكريم أحمد ....و ياريت ما تتأخر علينا فى باقى الدروس
![Very Happy](/users/3211/33/39/82/smiles/1475747849.png)
VB.NET- المراقبين
- تاريخ التسجيل : 18/02/2011
المساهمات : 121
النقاط : 189
التقيم : 6
الدولة :
الجنس :
رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(9)_التعامل مع العناصر الرسومية (حقل التسمية JLabel و زر الامر JButton)!
ألف شكر لك أخي
x-wolf- ..
- تاريخ التسجيل : 01/12/2014
المساهمات : 20
النقاط : 20
التقيم : 0
الدولة :
الجنس :
| |
منتدى مصر التقني :: قسم لغات البرمجة Programming languages :: لغة الجافا Java :: واجهة المستخدم الرسومية Java Swing
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
» تصميم تطبيق جوال لمغسلة ملابس
» تصميم تطبيق جوال لشركة عقارات
» شركة مكافحة النمل الابيض بالرياض
» تصميم تطبيق جوال لنقل الاثاث
» هناجر
» تصميم تطبيق جوال لمتجر ورد
» تصميم تطبيق جوال لسلسلة مطاعم
» تصميم تطبيق جوال لتوصيل الطلبات
» مظلات سيارات متحركة