Java Hướng dẫn Swing: Cách tạo ứng dụng GUI trong Java

GUI trong là gì Java?

GUI (Giao diện người dùng đồ họa) trong Java là một công cụ xây dựng trải nghiệm hình ảnh dễ sử dụng cho Java ứng dụng. Nó chủ yếu được tạo thành từ các thành phần đồ họa như nút, nhãn, cửa sổ, v.v. mà qua đó người dùng có thể tương tác với ứng dụng. GUI đóng vai trò quan trọng trong việc xây dựng các giao diện dễ dàng cho Java các ứng dụng.

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);
    }
}

Bước 2) Chạy mã
Bước tiếp theo, Lưu, Biên dịch và Chạy mã

Bước 3) Sao chép mã sau vào trình soạn thảo
Bây giờ hãy thêm một nút vào khung của chúng ta. Sao chép mã sau vào trình soạn thảo từ Java Ví dụ về giao diện người dùng

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);
     }
}

Bước 4) Thực thi mã
Tiếp theo, Thực thi mã. Bạn sẽ nhận được một nút lớn.

Bước 5) Thêm hai nút

Bạn nghĩ sao về việc thêm hai nút? Sao chép mã sau vào trình soạn thảo.

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);
     }
}

Bước 6) Lưu & Chạy chương trình
Tiếp theo, Lưu, Biên dịch và Chạy chương trình.

Bước 7) Kiểm tra đầu ra
Đầu ra không mong đợi =? Các nút đang bị chồng chéo.

Java Quản lý Giao diện

Trình quản lý bố cục được sử dụng để bố trí (hoặc sắp xếp) GUI Java các thành phần bên trong một container. Có nhiều trình quản lý bố cục, nhưng những trình quản lý bố cục được sử dụng thường xuyên nhất là-

Java Bố cục biên giới

A BorderLayout đặt các thành phần vào tối đa năm khu vực: trên, dưới, trái, phải và giữa. Nó là trình quản lý bố cục mặc định cho mọi JFrame java

Java FlowLayout

FlowLayout là trình quản lý bố cục mặc định cho mọi JPanel. Nó chỉ đơn giản là sắp xếp các thành phần theo từng hàng một.

Java LướiTúiBố cục

Đây là cách bố trí phức tạp hơn trong tất cả các cách bố trí. Nó căn chỉnh các thành phần bằng cách đặt chúng trong một lưới ô, cho phép các thành phần trải dài hơn một ô.

Bước 8) Tạo khung chat
Bạn muốn tạo khung chat như bên dưới thì sao?

Hãy thử tự viết mã trước khi xem chương trình bên dưới.

//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);
    }
}