Java برنامج تعليمي Swing: كيفية إنشاء تطبيق واجهة مستخدم رسومية في Java

ما هو واجهة المستخدم الرسومية في Java?

واجهة المستخدم الرسومية (واجهة المستخدم الرسومية) في Java هو منشئ تجربة مرئية سهل الاستخدام لـ Java التطبيقات. وهي تتكون بشكل أساسي من مكونات رسومية مثل الأزرار والعلامات والنوافذ وما إلى ذلك، والتي يمكن للمستخدم من خلالها التفاعل مع التطبيق. تلعب واجهة المستخدم الرسومية دورًا مهمًا في بناء واجهات سهلة للتطبيق. Java التطبيقات.

import javax.swing.*;
class gui{
    public static void main(String args[]){
       JFrame frame = new JFrame("My First GUI");
       frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
       frame.setSize(300,300);
       JButton button = new JButton("Press");
       frame.getContentPane().add(button); // Adds Button to content pane of frame
       frame.setVisible(true);
    }
}

الخطوة 2) قم بتشغيل الكود
الخطوة التالية هي حفظ التعليمات البرمجية وتجميعها وتشغيلها

الخطوة 3) انسخ الكود التالي إلى المحرر
الآن دعنا نضيف زرًا إلى إطارنا. انسخ الكود التالي إلى محرر من المثال المعطى Java مثال واجهة المستخدم

import javax.swing.*;
   class gui{
      public static void main(String args[]){
        JFrame frame = new JFrame("My First GUI");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(300,300);
       JButton button1 = new JButton("Press");
       frame.getContentPane().add(button1);
       frame.setVisible(true);
     }
}

الخطوة 4) نفذ الكود
التالي، تنفيذ التعليمات البرمجية. سوف تحصل على زر كبير.

الخطوة 5) أضف زرين

ماذا عن إضافة زرين؟ انسخ الكود التالي إلى محرر.

import javax.swing.*;
class gui{
      public static void main(String args[]){
           JFrame frame = new JFrame("My First GUI");
           frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
           frame.setSize(300,300);
          JButton button1 = new JButton("Button 1");
          JButton button2 = new JButton("Button 2");
          frame.getContentPane().add(button1);
          frame.getContentPane().add(button2);
          frame.setVisible(true);
     }
}

الخطوة 6) حفظ وتشغيل البرنامج
بعد ذلك، قم بحفظ البرنامج وتجميعه وتشغيله.

الخطوة 7) تحقق من الإخراج
إخراج غير متوقع =؟ تتداخل الأزرار.

Java مدير تخطيط

يتم استخدام مدير التخطيط لتخطيط (أو ترتيب) واجهة المستخدم الرسومية Java المكونات داخل الحاوية. هناك العديد من مديري التخطيط، ولكن الأكثر استخدامًا هم-

Java تخطيط الحدود

A BorderLayout يضع المكونات في ما يصل إلى خمس مناطق: الأعلى والأسفل واليسار واليمين والوسط. إنه مدير التخطيط الافتراضي لكل Java JFrame

Java تخطيط التدفق

FlowLayout هو مدير التخطيط الافتراضي لكل JPanel. فهو ببساطة يضع المكونات في صف واحد واحدًا تلو الآخر.

Java GridBagLayout

إنه التخطيط الأكثر تطورًا على الإطلاق. فهو يقوم بمحاذاة المكونات عن طريق وضعها داخل شبكة من الخلايا، مما يسمح للمكونات بتغطية أكثر من خلية واحدة.

الخطوة 8) إنشاء إطار الدردشة
ماذا عن إنشاء إطار دردشة كما هو موضح أدناه؟

حاول ترميز نفسك قبل النظر إلى البرنامج أدناه.

//Usually you will require both swing and awt packages
// even if you are working with just swings.
import javax.swing.*;
import java.awt.*;
class gui {
    public static void main(String args[]) {

        //Creating the Frame
        JFrame frame = new JFrame("Chat Frame");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(400, 400);

        //Creating the MenuBar and adding components
        JMenuBar mb = new JMenuBar();
        JMenu m1 = new JMenu("FILE");
        JMenu m2 = new JMenu("Help");
        mb.add(m1);
        mb.add(m2);
        JMenuItem m11 = new JMenuItem("Open");
        JMenuItem m22 = new JMenuItem("Save as");
        m1.add(m11);
        m1.add(m22);

        //Creating the panel at bottom and adding components
        JPanel panel = new JPanel(); // the panel is not visible in output
        JLabel label = new JLabel("Enter Text");
        JTextField tf = new JTextField(10); // accepts upto 10 characters
        JButton send = new JButton("Send");
        JButton reset = new JButton("Reset");
        panel.add(label); // Components Added using Flow Layout
        panel.add(tf);
        panel.add(send);
        panel.add(reset);

        // Text Area at the Center
        JTextArea ta = new JTextArea();

        //Adding Components to the frame.
        frame.getContentPane().add(BorderLayout.SOUTH, panel);
        frame.getContentPane().add(BorderLayout.NORTH, mb);
        frame.getContentPane().add(BorderLayout.CENTER, ta);
        frame.setVisible(true);
    }
}