كيفية إنشاء شبكة واجهة المستخدم الرسومية في جافا (بالصور)

2024 مؤلف: Gilbert Ryder | [email protected]. آخر تعديل: 2023-12-16 17:25

لا تفعل The Grid شيئًا مميزًا في هذه المرحلة ، ولكن مع القليل من البحث ، يمكنك إضافة مستمعين للحركة وقليلًا من المنطق لإنشاء لعبة ثنائية الأبعاد بسيطة مثل tic-tac-toe ، أو ألعاب أكثر تعقيدًا مثل Battleship.

ملاحظة: تستخدم هذه المقالة Eclipse لجميع الأمثلة لذلك قد تختلف الأشياء حسب IDE الخاص بك. يجب أن يكون هذا مشابهًا جدًا لما ستحتاجه في JCreator ، ولكنه عديم الفائدة إلى حد ما بالنسبة إلى IDE المستند إلى واجهة المستخدم الرسومية مثل NetBeans ، ويرجع ذلك أساسًا إلى طريقة السحب والإفلات الخاصة بـ NetBeans.

خطوات

الخطوة 1. قم بإنشاء مشروع Java

هذا بسيط نوعا ما. قم بتشغيل IDE الخاص بك وإنشاء مشروع جديد. سمها ما تشاء. سيكون المثال buttongrid.

هذا الاسم لا يهم على الإطلاق لأنه مجرد اسم الملف الذي سيتم إعطاؤه

الخطوة الثانية. قم بإنشاء فئة Java بطريقة رئيسية

أنشئ صفًا جديدًا وقم بتسميته كما تريد. سيكون المثال buttongrid. بالنسبة لمستخدم Eclipse ، ستحتاج إلى تشنج المربع المسمى public static void main (سلسلة args) ، لذلك لن تضطر إلى كتابته عند البدء.

هذا الاسم أكثر أهمية من الاسم السابق لأنه يجب أن يكون ككلمة واحدة وإلا فلن يكون قابلاً للاستخدام

الخطوة 3. استيراد المكتبات

يوفر هذا جميع المعلومات التي ستحتاجها لكتابة التعليمات البرمجية الخاصة بك إلى هذا الرمز. ستحتاج إلى استيراد javax.swing. JFrame و javax.swing. JButton و java.awt. Gridlayout. يتم وضعها قبل بداية الفصل ، في مكان ما على الأسطر من 1 إلى 3 ، لا يهم ترتيبها هناك.

الخطوة 4. قم بإنشاء مُنشئ

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

الخطوة 5. إنشاء إطار:

1. يجب تسمية الإطار. للتأكد من إمكانية الرجوع إليه خارج أسلوب مُنشئ ButtonGrid ، يمكنك وضعه خارج هذه الطريقة ، ولكن داخل الفصل الدراسي. تتم تسمية معظم المتغيرات في أعلى الفئة قبل المُنشئ مباشرةً. لإنشاء إطار جديد تكتبه: JFrame frame = new JFrame ()؛
2. داخل طريقة المُنشئ ، نحتاج إلى التأكد من وضع جميع الأزرار في تخطيط الشبكة. للقيام بذلك ، قمنا بتعيين تخطيط الإطار عن طريق كتابة: frame.setLayout (new GridLayout (x، y))؛
3. ليس بالضرورة إلزاميًا ، ولكن لإغلاق الإطار عند الضغط على الزر "x" في الزاوية اليمنى العلوية ، نحتاج إلى إضافة السطر: frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE) ؛
4. لجعل الإطار بحجم مناسب بحيث يناسب كل شيء ، نحتاج إلى تشغيل أمر الحزمة: frame.pack ()؛

5. أخيرًا بالنسبة للإطار ، نحتاج إلى جعله مرئيًا: frame.setVisible (true) ؛

   

   الخطوة 6. إنشاء شبكة أزرار:

   1. يجب عمل الأزرار التي يتفاعل معها المستخدم ، ولكن نظرًا لأننا لا نعرف عدد الأزرار التي نحتاجها ، فيجب تسميتها أولاً. لذا ، أسفل السطر الذي تنشئ فيه إطارًا ، قم بإنشاء الأزرار: JButton grid؛ مجموعتا الأقواس المربعة موجودة لتقول إن أزرار JButton في الشبكة يتم الاحتفاظ بها بتنسيق ثنائي الأبعاد ، إذا كانت هناك مجموعة واحدة فقط من الأقواس المربعة ، فسيكون ذلك مجرد سطر من JButton ، والذي لا يزال يعمل ، إنه مجرد أسهل للإشارة إلى الزر الذي يتم إنشاؤه أو التفاعل معه عندما يكون ثنائي الأبعاد.
   2. تم تسمية JButton's ، ولكن لا يزال يتعين علينا تحديد عدد الأزرار الموجودة. تحتاج إلى إضافة سطر من التعليمات البرمجية في المُنشئ يحدد المبلغ: grid = new JButton [width] [length]؛

   3. الآن بعد أن تقرر أنه سيكون هناك عدد معين من الأزرار ، يجب إنشاء كل زر. أسهل طريقة للقيام بذلك هي باستخدام حلقتين for ، واحدة للمحور x ، وواحدة للمحور y. داخل الحلقتين ، نصنع زرًا جديدًا ، ولتسهيل الرجوع إليه ، يضع المثال نصًا داخل كل زر حتى نعرف الزر الموجود في المصفوفة ثنائية الأبعاد. لإنشاء زر داخل الحلقة تحتاج إلى وضع الشبكة [x] [y] = new JButton ("(" + x + "،" + y + ")")؛

      

      الخطوة 7. إضافة أزرار إلى الإطار

      داخل الحلقة نحتاج إلى وضع الأزرار على الإطار بأمر بسيط: frame.add (الشبكة [x] [y])؛

      

      الخطوة 8. قم بعمل مثيل ButtonGrid

      في فصلك الرئيسي اكتب: ButtonGrid الجديدة (3 ، 3) ؛ يكون تكوين الثلاثة هو شبكة 3 × 3 ، ويمكن وضع أي رقمين موجبين هناك.

      

      الخطوة 9. تشغيل البرنامج

      للقيام بذلك في الكسوف ، اضغط على Ctrl + F11

      الطريقة 1 من 1: رمز الخطوات

      الفئة الرئيسية:

      فئة عامة ButtonGrid {public static void main (String args) {}}
      

      الواردات:

      استيراد javax.swing. JFrame ؛ استيراد javax.swing. JButton ؛ استيراد java.awt. GridLayout ؛ فئة عامة ButtonGrid {…
      

      كود المنشئ:

      فئة عامة ButtonGrid {public ButtonGrid (int width، int length) {}}…
      

      كود الإطار:

      فئة عامة ButtonGrid {إطار JFrame = new Jframe () ؛ ButtonGrid العامة (عرض int ، طول int) {frame.setLayout (new GridLayout (width، length)) ؛ frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE) ، الإطار. حزمة () ؛ frame.setVisible (صحيح) ؛ }}…
      

      رمز شبكة الزر:

      | إطار JFrame = إطار JFrame جديد () ؛ // ينشئ إطار JButton شبكة ؛ // يسمي شبكة الأزرار العامة ButtonGrid (عرض int ، طول int) {// مُنشئ مع معلمتين frame.setLayout (جديد GridLayout (عرض ، طول)) ؛ // تعيين تخطيط شبكة الإطار = JButton جديد [العرض] [الطول] ؛ // تخصيص حجم الشبكة لـ (int y = 0؛ y <length؛ y ++) {for (int x = 0؛ x <width؛ x ++) {grid [x] [y] = new JButton ("(" + x + "،" + y + ")")؛ frame.add (الشبكة [x] [y]) ؛ // يضيف زرًا إلى الشبكة}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE) ؛ الإطار. حزمة () ؛ frame.setVisible (صحيح) ؛ }…
      

      إضافة الأزرار إلى الإطار:

      لـ (int y = 0؛ y <length؛ y ++) {for (int x = 0؛ x <width؛ x ++) {grid [x] [y] = new JButton ("(" + x + "،" + y + ") ") ؛ frame.add (الشبكة [x] [y]) ؛ }}…
      

      إنشاء مثيل لشبكة الأزرار:

      public static void main (String args) {new ButtonGrid (3، 3)؛ // تصنع ButtonGrid الجديدة مع معلمتين} …
      

      الكود النهائي:

      استيراد javax.swing. JFrame ؛ // يستورد مكتبة JFrame استيراد javax.swing. JButton ؛ // تستورد مكتبة JButton استيراد java.awt. GridLayout ؛ // يستورد GridLayout library public class ButtonGrid {JFrame frame = new JFrame ()؛ // يُنشئ إطار JButton شبكة ؛ // يسمي شبكة الأزرار العامة ButtonGrid (عرض int ، طول int) {// constructor frame.setLayout (new GridLayout (width، length))؛ // ضبط شبكة التخطيط = JButton جديد [العرض] [الطول] ؛ // تخصيص حجم الشبكة لـ (int y = 0؛ y <length؛ y ++) {for (int x = 0؛ x <width؛ x ++) {grid [x] [y] = new JButton ("(" + x + "،" + y + ")")؛ // ينشئ إطار زر جديدًا. add (الشبكة [x] [y]) ؛ // يضيف زرًا إلى الشبكة}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE) ؛ الإطار. حزمة () ؛ // يعين الحجم المناسب للإطار frame.setVisible (صحيح) ؛ // make frame visual} public static void main (String args) {new ButtonGrid (3، 3)؛ // تجعل ButtonGrid جديدة مع معلمتين}}
      

      استيراد javax.swing. JFrame ؛ // يستورد مكتبة JFrame استيراد javax.swing. JButton ؛ // تستورد مكتبة JButton استيراد java.awt. GridLayout ؛ // يستورد مكتبة GridLayout

      فئة عامة ButtonGrid {

      إطار JFrame = إطار JFrame جديد () ؛ // يُنشئ إطار JButton شبكة ؛ // يسمي شبكة الأزرار

      ButtonGrid العامة (عرض int ، طول int) {// constructor frame.setLayout (new GridLayout (width، length)) ؛ // ضبط شبكة التخطيط = JButton جديد [العرض] [الطول] ؛ // تخصيص حجم الشبكة لـ (int y = 0؛ y <length؛ y ++) {for (int x = 0؛ x <width؛ x ++) {grid [x] [y] = new JButton ("(" + x + "،" + y + ")")؛ // ينشئ إطار زر جديدًا. add (الشبكة [x] [y]) ؛ // يضيف زرًا إلى الشبكة}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE) ؛ الإطار. حزمة () ؛ // يعين الحجم المناسب للإطار frame.setVisible (صحيح) ؛ // make frame visual} public static void main (String args) {new ButtonGrid (3، 3)؛ // تجعل ButtonGrid جديدة مع معلمتين}