GUI جافا – الدرس الثالث : برمجة آلة حاسبة بسيطة (Calculator) وفهم أكواد النافذة

GUI جافا – الدرس الثالث : برمجة آلة حاسبة بسيطة وفهم أكواد النافذة
في هذا الدرس إن شاء الله سنطبق على ما تعلمناه سابقاً ببرمجة آلة حاسبة بسيطة .
أي سنعمل إن شاء الله مثل هذا التطبيق :

java_gui_1

java_gui_2
وبالإضافة إلى السابق , سنتعلم بإذن الله الأكواد الجاهزة المكتوبة في النافذة , أي سنفهمها .

-=-=-=-=-=-=-=-=-=-=-=-=-
نبدأ الشرح باسم الله :1- نقوم أولاً بإنشاء مشروع جديد , ثم نقوم بإنشاء نافذة جديدة بداخل المشروع وقم بإعطاء لها أي عنوان . كما تعلمنا سابقاً :java_gui_3
-=-=-=-=-=-
2- بعد ذلك , نقوم بإدراج ستة صناديق نص (JTextField) وواحد زر , وكذلك ندرج طابع نصي (JLabel) أعلى أو بجانب كل صندوق نص لمعرفة الهدف منه , كالتالي :java_gui_4
-=-=-=-=-=-
3- قبل كتابة الكود في طريقة (method) حدث الضغط على الزر , نقوم بتغيير اسماء عناصر صندوق النص (JTextField) بحيث مثلاً نعطي الاسماء التالية الموجود في الصور التوضيحية , والهدف من تغيير الاسماء هو لتسهيل معرفة أي صندوق نص نريد , لأنه لو استخدمنا اسماء كـ JTextField1 و JTextField2 وهكذا , وخصوصاً لو كان عندنا أكثر من صندوق نص ، قد نخطأ في كتابة اسم صندوق النص الذي نريده وتكتب اسم صندوق نص ثاني . أي مثلاً قد نعرض نتيجة جمع العددين في صندوق النص الخاص بطرح العددين .java_gui_5
java_gui_6
java_gui_7
java_gui_8
java_gui_10
-=-=-=-=-=-
4- نقوم بكتابة الكود الآن في طريقة (method) حدث الضغط على الزر :

java_gui_11
java_gui_12
-=-=-=-=-=-
5- لنجرب البرنامج الآن :

java_gui_14
java_gui_15
java_gui_16
-=-=-=-=-=-
6- لنفهم الآن الأكواد الجاهزة التي تُكتب تلقائياً في ملف (كلاس) النافذة عند إنشاء نافذة جديدة أو إضافة عنصر إلي النافذة , سنشرح على ملف البرنامج الذي قمنا بتصميمه في الأعلى :

java_gui_17
java_gui_18
java_gui_19
java_gui_20
-=-=-=-=-=-

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

-=-=-=-=-=-

لمن أراد تحميل المشروع :
Third lesson GUI

logoPost

GUI جافا – الدرس الثالث : برمجة آلة حاسبة بسيطة وفهم أكواد النافذة
في هذا الدرس إن شاء الله سنطبق على ما تعلمناه سابقاً ببرمجة آلة حاسبة بسيطة .
أي سنعمل إن شاء الله مثل هذا التطبيق :

java_gui_1

java_gui_2
وبالإضافة إلى السابق , سنتعلم بإذن الله الأكواد الجاهزة المكتوبة في النافذة , أي سنفهمها .

-=-=-=-=-=-=-=-=-=-=-=-=-
نبدأ الشرح باسم الله :1- نقوم أولاً بإنشاء مشروع جديد , ثم نقوم بإنشاء نافذة جديدة بداخل المشروع وقم بإعطاء لها أي عنوان . كما تعلمنا سابقاً :java_gui_3
-=-=-=-=-=-
2- بعد ذلك , نقوم بإدراج ستة صناديق نص (JTextField) وواحد زر , وكذلك ندرج طابع نصي (JLabel) أعلى أو بجانب كل صندوق نص لمعرفة الهدف منه , كالتالي :java_gui_4
-=-=-=-=-=-
3- قبل كتابة الكود في طريقة (method) حدث الضغط على الزر , نقوم بتغيير اسماء عناصر صندوق النص (JTextField) بحيث مثلاً نعطي الاسماء التالية الموجود في الصور التوضيحية , والهدف من تغيير الاسماء هو لتسهيل معرفة أي صندوق نص نريد , لأنه لو استخدمنا اسماء كـ JTextField1 و JTextField2 وهكذا , وخصوصاً لو كان عندنا أكثر من صندوق نص ، قد نخطأ في كتابة اسم صندوق النص الذي نريده وتكتب اسم صندوق نص ثاني . أي مثلاً قد نعرض نتيجة جمع العددين في صندوق النص الخاص بطرح العددين .java_gui_5
java_gui_6
java_gui_7
java_gui_8
java_gui_10
-=-=-=-=-=-
4- نقوم بكتابة الكود الآن في طريقة (method) حدث الضغط على الزر :

java_gui_11
java_gui_12
-=-=-=-=-=-
5- لنجرب البرنامج الآن :

java_gui_14
java_gui_15
java_gui_16
-=-=-=-=-=-
6- لنفهم الآن الأكواد الجاهزة التي تُكتب تلقائياً في ملف (كلاس) النافذة عند إنشاء نافذة جديدة أو إضافة عنصر إلي النافذة , سنشرح على ملف البرنامج الذي قمنا بتصميمه في الأعلى :

java_gui_17
java_gui_18
java_gui_19
java_gui_20
-=-=-=-=-=-

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

-=-=-=-=-=-

لمن أراد تحميل المشروع :
Third lesson GUI

logoPost

تدوينات متعلقة

2 Comments on “GUI جافا – الدرس الثالث : برمجة آلة حاسبة بسيطة (Calculator) وفهم أكواد النافذة

  1. Lounnas

    شكرا جزيلا و جزاك الله خيرا لقد اسفدت كثيرا من الموضوع
    شكرا شكرا شكرا

    رد
    1. العفو ،،، سعيد بذلك.

      رد

اكتب تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *