本文探討了 Java 的 Swing 工具包。一個(gè)使用 JFrame、JDialog 和 JApplet 等元件建立圖形使用者介面 (GUI) 的庫(kù)，這些元件充當(dāng)基本的頂級(jí)容器。它還示範(fàn)如何使用 Swing 元件建立簡(jiǎn)單的聯(lián)絡(luò)表單。

Swing 是一個(gè)用於建立簡(jiǎn)單的圖形使用者介面 (GUI) 的 Java 函式庫(kù)。它是一個(gè) GUI 小部件工具包，提供用於建立 GUI 的元件集合。 （Oracle 文檔，n.d.a）。 Swing 元件完全用 Java 程式語(yǔ)言編寫。有三個(gè)通常有用的頂級(jí)容器類別：JFrame、JDialog 和 JApplet（Oracle 文檔，n.d. b）。

頂容器：

JFrame 是一個(gè)帶有標(biāo)題和邊框的頂層視窗。

（Oracle 文檔，n.d.b，如何製作框架（主 Windows）。

JDialog 視窗是一個(gè)獨(dú)立的子窗口，除了主 Swing 應(yīng)用程式視窗之外，臨時(shí)會(huì)注意到它。

（Oracle 文檔，n.d.b，如何建立對(duì)話框）

「JApplet，Java applet 是一種特殊的Java 程序，支援Java 技術(shù)的瀏覽器可以從互聯(lián)網(wǎng)下載並運(yùn)行。小程式通常嵌入網(wǎng)頁(yè)內(nèi)並在瀏覽器上下文中運(yùn)行。小程式必須是小程式的子類別。
每個(gè)使用 Swing 元件的程式都至少包含一個(gè)頂級(jí)容器。這個(gè)頂級(jí)容器充當(dāng)包含層次結(jié)構(gòu)的根，它包含容器內(nèi)的所有 Swing 元件（Oracle 文檔，n.d.b）。

通常，具有基於 Swing 的 GUI 的獨(dú)立應(yīng)用程式將至少有一個(gè)以 JFrame 作為根的包含層次結(jié)構(gòu)。例如，如果應(yīng)用程式具有一個(gè)主視窗和兩個(gè)對(duì)話框，則它將具有三個(gè)包含層次結(jié)構(gòu)，每個(gè)層次結(jié)構(gòu)都有自己的頂級(jí)容器。主視窗將有一個(gè) JFrame 作為其根，而每個(gè)對(duì)話方塊將有一個(gè) JDialog 作為其根?；?Swing 的 applet 也至少有一個(gè)包含層次結(jié)構(gòu)，其中一個(gè)以 JApplet 物件為根。例如，顯示對(duì)話方塊的小程式將具有兩個(gè)包含層次結(jié)構(gòu)。瀏覽器視窗中的元件屬於以 JApplet 物件為根的包含層級(jí)結(jié)構(gòu)，而對(duì)話方塊則屬於以 JDialog 物件為根的包含層次結(jié)構(gòu)。

JComponent 類別：

除了頂層容器之外，所有以「J」開(kāi)頭的 Swing 元件都衍生自 JComponent 類別。例如，JPanel、JScrollPane、JButton 和 JTable 都繼承自 JComponent。但是，JFrame 和 JDialog 則不然，因?yàn)樗鼈兪琼敿?jí)容器（Oracle 文件、n.d.b、JComponent 類別）

框架和麵板之間的差異：

框架：
JFrame 是一個(gè)頂級(jí)容器，代表一個(gè)帶有標(biāo)題、邊框和按鈕的視窗。
它通常用作應(yīng)用程式的主視窗。
一個(gè)JFrame可以包含多個(gè)元件，包括JPanel、JScrollPane、JButton、JTable等

面板：
JPanel 是一個(gè)通用容器，用於將視窗中的一組元件分組在一起。
它沒(méi)有標(biāo)題列或關(guān)閉按鈕等視窗裝飾。
JPanel 通常用於組織和管理 JFrame 內(nèi)的佈局。

每個(gè)使用 Swing 元件的程式都至少包含一個(gè)頂層容器。這個(gè)頂級(jí)容器充當(dāng)包含層次結(jié)構(gòu)的根，它包含容器內(nèi)的所有 Swing 元件（Oracle 文檔，n.d.b）。

通常，具有基於 Swing 的 GUI 的獨(dú)立應(yīng)用程式將至少有一個(gè)以 JFrame 作為根的包含層次結(jié)構(gòu)。例如，如果應(yīng)用程式具有一個(gè)主視窗和兩個(gè)對(duì)話框，則它將具有三個(gè)包含層次結(jié)構(gòu)，每個(gè)層次結(jié)構(gòu)都有自己的頂級(jí)容器。主視窗將以 JFrame 作為其根，而每個(gè)對(duì)話方塊將以 JDialog 作為其根。

基於 Swing 的 applet 也至少有一個(gè)包含層次結(jié)構(gòu)，其中一個(gè)以 JApplet 物件為根。例如，顯示對(duì)話方塊的小程式將具有兩個(gè)包含層次結(jié)構(gòu)。瀏覽器視窗中的元件屬於以 JApplet 物件為根的包含層級(jí)結(jié)構(gòu)，而對(duì)話方塊則屬於以 JDialog 物件為根的包含層次結(jié)構(gòu)。

下面的範(fàn)例包括 JFrame 和 JPanel，以及使用 GridBagLayout 的其他元件，例如按鈕、文字欄位和標(biāo)籤。此外，它還使用 JDialog、JOptionPane 元件和 Dialog 視窗元件顯示訊息。這是一個(gè)使用 Swing 元件的簡(jiǎn)單圖形使用者介面 (GUI) 聯(lián)絡(luò)表單。

//--- Abstract Window Toolkit (AWT)

// Provides layout manager for arranging components in five regions: 
// north, south, east, west, and center.
import java.awt.BorderLayout;
// Grid layout - Specifies constraints for components that are laid out using the GridBagLayout.
import java.awt.GridBagConstraints;
// Grid - layout manager that aligns components vertically and horizontally, 
// without requiring the components to be of the same size.
import java.awt.GridBagLayout;
// Gird padding - Specifies the space (padding) between components and their borders.
import java.awt.Insets;
// Button - Provides the capability to handle action events like button clicks.
import java.awt.event.ActionEvent;
// Button event - Allows handling of action events, such as button clicks.
import java.awt.event.ActionListener;

//--- swing GUI

// Button - Provides a button component that can trigger actions when clicked.
import javax.swing.JButton;
// Frame - Provides a window with decorations 
// such as a title, border, and buttons for closing and minimizing.
import javax.swing.JFrame;
// Labels - Provides a display area for a short text string or an image, or both.
import javax.swing.JLabel;
// Submition Message - Provides standard dialog boxes such as message, input, and confirmation dialogs.
import javax.swing.JOptionPane;
// Panel - Provides a generic container for grouping components together.
import javax.swing.JPanel;
// Scroll user message - Provides to the a scrollable view of a lightweight component.
import javax.swing.JScrollPane;
// User message - Provides a multi-line area to display/edit plain text.
import javax.swing.JTextArea;
// Name & Email - Provides a single-line text field for user input.
import javax.swing.JTextField;

/**
 * This class generates a simple contact form. The form includes fields for the
 * user's name, email, and message, and a submit button to submit the form.
 * 
 * @author Alejandro Ricciardi
 * @version 1.0
 * @date 06/16/2024
 */
public class contactForm {
    /**
     * The main method to create and display the contact form.
     *
     * @param args Command line arguments
     */
    public static void main(String[] args) {

        /*------------
         |   Frame   |
         ------------*/

        // ---- Initializes frame
        // Creates the main application frame
        JFrame frame = new JFrame("Contact Form");
        frame.setSize(400, 300); // Set the size of the frame
                // Close the application when the frame is closed
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 
        frame.setLayout(new BorderLayout()); // Use BorderLayout for the frame

        /*------------
         |   Panel   |
         ------------*/

        // ---- Initializes panel
        // Create a panel with GridBagLayout
        JPanel panel = new JPanel(new GridBagLayout());
        GridBagConstraints gridForm = new GridBagConstraints();
        gridForm.insets = new Insets(5, 5, 5, 5); // Add padding around components

        // ---- Creates and adds grid components to the panel       // -- Name
        // Adds "Name" label
        JLabel nameLabel = new JLabel("Name:");
        gridForm.gridx = 0; // Position at column 0
        gridForm.gridy = 0; // Position at row 0
        panel.add(nameLabel, gridForm);
        // Add text field for name input
        JTextField nameField = new JTextField(20);
        gridForm.gridx = 1; // Position at column 1
        gridForm.gridy = 0; // Position at row 0
        panel.add(nameField, gridForm);

        // -- Email
        // Add "Email" label
        JLabel emailLabel = new JLabel("Email:");
        gridForm.gridx = 0; // Position at column 0
        gridForm.gridy = 1; // Position at row 1
        panel.add(emailLabel, gridForm);
        // Adds text field for email input
        JTextField emailField = new JTextField(20);
        gridForm.gridx = 1; // Position at column 1
        gridForm.gridy = 1; // Position at row 1
        panel.add(emailField, gridForm);

        // Adds "Message" label
        JLabel messageLabel = new JLabel("Message:");
        gridForm.gridx = 0; // Position at column 0
        gridForm.gridy = 2; // Position at row 2
        panel.add(messageLabel, gridForm);

        // -- Message
        // Adds text area for message input with a scroll pane
        JTextArea messageArea = new JTextArea(5, 20);
        JScrollPane scrollPane = new JScrollPane(messageArea);
        gridForm.gridx = 1; // Position at column 1
        gridForm.gridy = 2; // Position at row 2
        panel.add(scrollPane, gridForm);
        // Adds "Submit" button
        JButton submitButton = new JButton("Submit");
        gridForm.gridx = 1; // Position at column 1
        gridForm.gridy = 3; // Position at row 3
        panel.add(submitButton, gridForm);

        // Adds the panel to the frame's center
        frame.add(panel, BorderLayout.CENTER);

        // Make the frame visible
        frame.setVisible(true);

        /*------------
         |  JDialog  |
         ------------*/
        // Add action listener to the submit button
        ActionListener submitBtnClicked = new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                // Display a message dialog when the submit button is clicked
                JOptionPane.showMessageDialog(frame, "Message was sent!");
            }
        };

        submitButton.addActionListener(submitBtnClicked);
    }
}

如果您有興趣了解有關(guān)對(duì)話框的更多信息，以下視頻介紹瞭如何實(shí)現(xiàn) JDialog JOptionPane 訊息。

總而言之，Java 的 Swing 工具包提供了一組元件，使開(kāi)發(fā)人員能夠創(chuàng)建使用者友好的、視覺(jué)化結(jié)構(gòu)化的 GUI。函式庫(kù)使用 JFrame、JDialog 和 JApplet 等頂級(jí)容器，以及 JPanel 和 JOptionPane 等基本元素。

參考文獻(xiàn)：

Oracle 文件。 （n.d.a）。 搖擺。甲骨文。 https://docs.oracle.com/javase/8/docs/technotes/guides/swing/

Oracle 文件。 （n.d.b）。使用頂級(jí)容器。 Java? 教學(xué)。甲骨文。 https://docs.oracle.com/javase/tutorial/uiswing/components/toplevel.html

Oracle 文件。 （n.d.c）。 Java 小程式。 Java? 教學(xué)。甲骨文。 https://docs.oracle.com/javase/tutorial/deployment/applet/index.html

最初由 Alex.omegapy 於 2024 年 11 月 3 日在 Medium 上發(fā)布。

以上是使用 Swing 元件建立 Java GUI的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！