كيفية كتابة واجهة المستخدم الرسومية في جافا

تسمح كتابة تطبيق واجهة المستخدم الرسومية في Java لبرامجك بتوفير تجربة مستخدم مرئية وسريعة الاستجابة. توفر مكتبات Swing و AWT للمطورين مجموعة من الموارد القياسية لإنشاء عناصر مرئية والتقاط تفاعل المستخدم. يتمتع المطورون بالكثير من الخيارات فيما يتعلق بالتخطيط والعرض لتطبيقات واجهة المستخدم الرسومية. تتضمن الموارد القياسية مكونات للأزرار والقوائم وحقول النص واللوحات من بين العديد من الخيارات الأخرى. بصفتك مطورًا ، يمكنك الجمع بين هذه الموارد لإنشاء المظهر والوظائف التي يحتاجها مشروعك.

1

قم بإنشاء فصل دراسي لواجهة المستخدم الرسومية. في مشروع Java الخاص بك ، قم بإنشاء فئة جديدة لتمثيل واجهة المستخدم الخاصة بك. يوضح نموذج الكود التالي مخططًا للفصل ينفذ ويوسع عناصر لغة Java الضرورية: فئة عامة MyGUI تمتد JFrame تنفذ ActionListener {// class content here}

أضف عبارات الاستيراد اللازمة لواجهة المستخدم الرسومية ، في أعلى الملف ، قبل تصريح الفئة الذي أدخلته: import javax.swing. ؛ استيراد java.awt. ؛ استيراد java.awt.event. * ؛

في الفئة الرئيسية لبرنامجك ، قم بإنشاء مثيل لفئة GUI في الطريقة الرئيسية كما يلي: MyGUI theGUI = new MyGUI ()؛

سيؤدي هذا الرمز إلى عرض واجهة المستخدم الرسومية عند تشغيل البرنامج.

2

أنشئ طريقة المُنشئ لفئة GUI الخاصة بك. يوضح نموذج التعليمات البرمجية التالي مخطط أسلوب المُنشئ: public MyGUI () {// رمز المُنشئ هنا}

داخل أسلوب المُنشئ ، أضف نموذج التعليمات البرمجية التالي لإعداد الخصائص الأساسية لواجهة المستخدم الخاصة بك: setTitle ("My GUI")؛ setSize (400 ، 200) ؛ setLocation (300 ، 250) ؛

يمكنك تغيير القيم التي تم تمريرها إلى هذه الطرق لتناسب مشروعك الخاص. أضف لوحة للاحتفاظ بالعناصر المرئية في واجهة المستخدم الرسومية كما يلي: JPanel myPanel = new JPanel () ؛ add (myPanel، "Center") ؛

3

قم بإنشاء العناصر التفاعلية التي تحتاجها لواجهة المستخدم الرسومية. يمكن أن تتضمن برامج Java العديد من عناصر واجهة المستخدم. لكل واحد ، قم بإنشاء متغير مثيل في فئة GUI الخاصة بك وقم بإنشائه داخل طريقة الباني. يمكن أن يظهر إعلان متغير مثيل العينة التالي لزر قبل أسلوب المُنشئ: private JButton myButton؛

داخل التابع constructor ، يمكنك إنشاء هذا الزر على النحو التالي: myButton = new JButton ("A Button")؛

يمكنك استخدام هذه العملية لإنشاء مثيلات لجميع مكونات واجهة المستخدم التي تحتاجها.

4

أضف عناصر واجهة المستخدم الخاصة بك. يوضح نموذج التعليمات البرمجية التالي إضافة الزر إلى الواجهة وإعداد البرنامج لاكتشاف تفاعل المستخدم معها: myButton.addActionListener (this)؛ myPanel.add (myButton) ؛

يوجه هذا الرمز Java للاستماع للمستخدم الذي يتفاعل مع الزر ، ثم يضيفه إلى منطقة اللوحة. قم بإرشاد Java لعرض واجهة المستخدم الخاصة بك ، في نهاية طريقة المُنشئ ، على النحو التالي:

setVisible (صحيح) ؛

بعد بناء العناصر المرئية والتفاعلية في واجهة المستخدم الرسومية الخاصة بك ، ستعرضها طريقة الباني الآن للمستخدم.

5

الاستجابة لتفاعل المستخدم مع واجهة المستخدم الرسومية الخاصة بك. من أجل تنفيذ واجهة "ActionListener" ، تحتاج إلى توفير طريقة "actionPerformed". هذا هو المكان الذي يمكنك فيه إدخال رمز للرد على أحداث المستخدم. أضف طريقة العينة التالية داخل إعلان الفصل الخاص بك ، بعد أسلوب المُنشئ: public void actionPerformed (ActionEvent e) {if (e.getSource () == myButton) System.out.println ("Pressed myButton")؛ }

هذا مثال بسيط لتوضيح التقنية ، كتابة رسالة عندما يتفاعل المستخدم مع الزر الخاص بك. يوفر لك كائن "ActionEvent" القدرة على تحديد عنصر المستخدم الذي أطلق الحدث. يمكنك إضافة أي معالجة إضافية تحتاجها لكل عنصر في مشروعك الخاص.