Java GUI 图形界面开发详解：从 AWT 到 Swing 的全面实践

用户61184726542
22 阅读4分钟

一、前言：为什么要学习 Java GUI 编程？

Java 的图形用户界面（GUI）编程允许我们构建可视化桌面应用，比如：

  • 表单录入系统

  • 本地计算器

  • 文件浏览器

  • 聊天软件等

尽管 Web 应用和移动端占据主流，但桌面端仍广泛应用于内网工具和企业应用。Java 提供了两套 GUI 开发库：

  • AWT（Abstract Window Toolkit）：Java 最早期的 GUI 库，基于本地平台组件。

  • Swing：AWT 的增强版，提供更多组件，平台无关，开发更灵活。

本篇我们将结合理论与代码图示，全面讲解 Java GUI 编程的开发流程与实践案例。

二、Java GUI 技术栈对比图

技术

说明

优点

缺点

AWT

Java GUI 最早库

轻量，简单

功能少，兼容差

Swing

更强 GUI 库

组件丰富，平台无关

比较老旧，界面风格传统

JavaFX

现代 GUI 库

样式美观，支持动画

学习成本较高

SWT

Eclipse GUI 库

运行高效，原生样式

对平台绑定较强

三、AWT 入门实例：第一个窗口程序

📷 图示：AWT 窗口结构

mathematica复制编辑Frame
 ├── Button
 ├── Label
 └── TextField

示例：创建一个简单窗口

java复制编辑import java.awt.*;

public class AWTDemo {
    public static void main(String[] args) {
        Frame frame = new Frame("AWT 示例");
        frame.setSize(300, 200);
        frame.setLayout(new FlowLayout());

        Label label = new Label("请输入姓名:");
        TextField tf = new TextField(20);
        Button btn = new Button("提交");

        frame.add(label);
        frame.add(tf);
        frame.add(btn);

        frame.setVisible(true);
    }
}

💡 使用 FlowLayout 可让组件从左到右自动排布。

四、Swing 入门：比 AWT 更强大的 GUI 库

Swing 是建立在 AWT 之上的增强库，组件更丰富，功能更强。

📷 Swing 窗口结构图

markdown复制编辑JFrame
 └── JPanel
     ├── JLabel
     ├── JTextField
     └── JButton

示例：Swing 创建登录窗口

java复制编辑import javax.swing.*;

public class SwingLogin {
    public static void main(String[] args) {
        JFrame frame = new JFrame("登录窗口");
        frame.setSize(350, 200);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        JPanel panel = new JPanel();
        frame.add(panel);
        placeComponents(panel);
        frame.setVisible(true);
    }

    private static void placeComponents(JPanel panel) {
        panel.setLayout(null);
        JLabel userLabel = new JLabel("用户名:");
        userLabel.setBounds(10, 20, 80, 25);
        panel.add(userLabel);

        JTextField userText = new JTextField(20);
        userText.setBounds(100, 20, 165, 25);
        panel.add(userText);

        JLabel passwordLabel = new JLabel("密码:");
        passwordLabel.setBounds(10, 50, 80, 25);
        panel.add(passwordLabel);

        JPasswordField passwordText = new JPasswordField(20);
        passwordText.setBounds(100, 50, 165, 25);
        panel.add(passwordText);

        JButton loginButton = new JButton("登录");
        loginButton.setBounds(10, 80, 80, 25);
        panel.add(loginButton);
    }
}

📷 效果图：

markdown复制编辑-----------------------
| 用户名: [       ]   |
| 密  码: [       ]   |
| [登录]             |
-----------------------

五、事件监听机制详解

Java GUI 的响应机制基于事件监听器。典型的流程：

📷 事件模型图

复制编辑用户操作 → 事件对象 → 注册的监听器 → 响应方法

示例：按钮点击事件

java复制编辑button.addActionListener(new ActionListener() {
    public void actionPerformed(ActionEvent e) {
        System.out.println("按钮被点击了！");
    }
});

📌 常见监听器包括：

  • ActionListener：按钮点击

  • MouseListener：鼠标事件

  • KeyListener：键盘事件

  • WindowListener：窗口状态

六、综合实战：构建简易计算器

📷 图示：Swing 计算器界面结构

markdown复制编辑JFrame
 └── JPanel (GridLayout)
     ├── JTextField（结果框）
     ├── JButton：0~9, + - * / = 清除

完整示例代码片段

java复制编辑import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class Calculator {
    private static JTextField display = new JTextField();
    private static double result = 0;
    private static String operator = "=";
    private static boolean start = true;

    public static void main(String[] args) {
        JFrame frame = new JFrame("简易计算器");
        frame.setSize(300, 400);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        display.setEditable(false);
        frame.add(display, BorderLayout.NORTH);

        JPanel panel = new JPanel();
        panel.setLayout(new GridLayout(4, 4));

        String[] buttons = {
            "7", "8", "9", "/",
            "4", "5", "6", "*",
            "1", "2", "3", "-",
            "0", "C", "=", "+"
        };

        for (String text : buttons) {
            JButton btn = new JButton(text);
            btn.addActionListener(new ButtonListener());
            panel.add(btn);
        }

        frame.add(panel);
        frame.setVisible(true);
    }

    static class ButtonListener implements ActionListener {
        public void actionPerformed(ActionEvent e) {
            String input = e.getActionCommand();
            if ("0123456789".contains(input)) {
                if (start) {
                    display.setText(input);
                } else {
                    display.setText(display.getText() + input);
                }
                start = false;
            } else {
                if (input.equals("C")) {
                    result = 0;
                    operator = "=";
                    display.setText("");
                    start = true;
                } else {
                    calculate(Double.parseDouble(display.getText()));
                    operator = input;
                    start = true;
                }
            }
        }

        private void calculate(double x) {
            switch (operator) {
                case "+": result += x; break;
                case "-": result -= x; break;
                case "*": result *= x; break;
                case "/": result /= x; break;
                case "=": result = x; break;
            }
            display.setText("" + result);
        }
    }
}

📷 运行效果：

markdown复制编辑-----------------
| 123 + 456 =579 |
| [7][8][9][ / ] |
| [4][5][6][ * ] |
| [1][2][3][ - ] |
| [0][C][=][ + ] |
-----------------

七、常见布局管理器对比

布局

说明

使用示例

FlowLayout

顺序排列

new FlowLayout()

BorderLayout

东南西北中

frame.add(comp, BorderLayout.SOUTH)

GridLayout

网格布局

new GridLayout(3, 2)

null

自定义位置

使用 setBounds() 手动设置

八、进阶建议

  • 封装多个窗体之间的跳转逻辑

  • 使用 CardLayout 切换不同视图

  • 引入 MVC 模式管理界面与数据

  • 尝试 JavaFX 构建更现代化界面

九、常见问题答疑

问题

解答

字体显示不清晰

调整 JComponent.setFont()

程序窗口无法关闭

设置 setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)

布局混乱

熟悉布局管理器组合使用

响应无效

检查 addActionListener() 是否正确注册

十、总结

通过本篇文章，我们系统学习了 Java GUI 的开发路径，包括：

✅ AWT 与 Swing 的区别与用途
✅ 创建窗口、表单、响应用户操作
✅ 实战开发一个计算器界面
✅ 图文结构 + 完整代码让你快速上手桌面开发

avatar
文章
阅读
粉丝