事件与GUI基础

事件与GUI基础

目标：理解 GUI 的三类元素（容器、标准组件、自定义成分）；掌握「建容器→加组件→设外观→注册事件」四步设计法；能区分 java.awt 与 javax.swing 的组件层次；知道 Graphics/Font/Color/Image 各自的角色。

一、GUI 的三类元素

1. 容器：组织其他界面元素的单元——外层窗体（Frame/JFrame）、中间层面板（Panel/JPanel）；容器通过布局管理器决定元素排列；
2. 标准组件：Label/JLabel、Button/JButton、TextField、TextArea、CheckBox/JRadioButton、Choice/JComboBox、List/JList 等；
3. 用户自定义成分：用 Graphics 画线段、矩形、圆、多边形、弧，或加载图像/动画。

二、设计四步法

① 定义最外层容器（JFrame）并设定布局 → ② 加入中间容器与标准组件 → ③ 设计外观（颜色、字体、对齐、位置）→ ④ 注册事件响应，实现交互。

三、AWT 与 Swing

• AWT（java.awt）：顶层类 Component，派生容器（Frame/Panel/Dialog）与标准组件（Label/Button/TextField…）；
• Swing（javax.swing）：组件以 J 打头，功能更强、更美观（如 JButton 可同时显示文字与图标），是基于 AWT 的轻量级组件——新程序优先使用 Swing。

四、绘制自定义成分

• Graphics：所有绘制的「绘图笔」——drawLine/drawRect/drawOval/drawString/drawImage…；
• 为什么需要图形库？在像素栅格上画一条理想直线本身就需要专门算法（如 Bresenham 直线算法）——图形库把这类底层细节封装好，开发者只需调 drawLine()；
• Font：字体（族、风格、大小），配合 drawString；Color：常量或 new Color(r,g,b)；Image：getImage() 加载、drawImage() 绘制，setIcon() 设置图标。

五、事件处理（事件委托模型）

三要素：事件源（发生事件的组件）、事件（对交互的封装对象）、监听者（实现监听接口、负责处理事件的对象）。生活类比：小朋友摔倒（事件）→ 监护人扶起（处理）——小朋友是事件源，监护人是监听者。

委托模型：事件源用 addActionListener(...) 注册监听器 → 监听器所属类实现监听接口并实现处理方法 → 事件发生时，系统把事件对象交给已注册的监听器处理。以 ActionEvent 为例：Button 被点击 → 系统生成 ActionEvent → 调用监听器的 actionPerformed(e) → 据 e 响应。

适配器（Adapter）：监听接口方法多时（MouseListener 5 个、WindowListener 7 个），直接实现必须全部实现；继承系统提供的适配器类只需重写关心的方法——配合匿名类，事件代码大幅简化。

六、布局管理器（自适应排列）

显示设备分辨率各不相同，窗口大小也会随时变化——若把每个组件的位置与尺寸写死，换个屏幕立刻错乱。布局管理器根据容器当前大小自动安排组件：

• FlowLayout：按添加顺序从左到右排，一行放不下就换行，每行水平居中；适合按钮排 / 工具条（如简易计算器）；
• BorderLayout：NORTH/SOUTH/EAST/WEST/CENTER 五个区域，add(comp, region) 指定区域，CENTER 填满剩余空间——JFrame 内容面板的默认布局；
• GridLayout(rows, cols)：等宽等高的格子，按行优先顺序依次摆放；适合计算器键盘 / 表单网格；
• 嵌套组合：外层 BorderLayout + 内层 Panel 各自设布局（如计算器：显示框在 NORTH、4×4 键位在 CENTER）——复杂界面就是这样一层层拼出来的。

七、自绘按钮 vs 库按钮（复习接口与内部类）

• 自己实现按钮：用 Graphics 画一个「按钮」矩形，自己维护鼠标区域判定与按下/释放状态，定义自定义事件 + 监听器接口（呼应接口回调），用内部类/匿名类实现监听者；
• 使用库按钮：改用 Button/JButton，直接 addActionListener(...) 注册系统事件——省去自绘与状态管理。

两相对比凸显「图形库封装价值」与「事件驱动模型」。

示例（对照课件 16：MyComponentsApp 自绘 vs ComponentsApp 用库）

自绘按钮——自己画、自己判区域，自定义事件对象 + 监听器接口（呼应接口回调）：

interface BtnListener { void onBtnClick(BtnEvent e); }   // 自定义监听器接口
class BtnEvent { int x, y; boolean pressed; }            // 自定义事件对象

class MyBtn {                                            // 自己实现「按钮」
    int x, y, w, h; String text; boolean raised = true;
    BtnListener listener;                                 // 注册进来的监听者

    void paint(Graphics g) {                              // 用 Graphics 画按钮
        g.setColor(raised ? Color.BLUE : Color.RED);
        g.drawString(text, x + 25, y + 15);
        g.draw3DRect(x, y, w, h, raised);                 // 凸起/按下靠 raised 切换
    }

    void processMouseEvent(BtnEvent e) {                  // 自己判定鼠标是否落在按钮内
        if (e.x < x || e.x > x + w || e.y < y || e.y > y + h) return;
        raised = !e.pressed;                              // 按下/释放切换状态
        listener.onBtnClick(e);                           // 触发自定义事件
    }
}

窗体实现 MouseListener + BtnListener，把系统鼠标事件转成自定义事件派发给组件：

class MyBtnFrame extends Frame implements MouseListener, BtnListener {
    MyBtn btn = new MyBtn("MyButton1", 100, 100, 110, 20);

    MyBtnFrame() {
        addMouseListener(this);      // 注册系统鼠标监听
        btn.listener = this;         // 注册自定义监听器（也可用内部类/匿名类）
        setVisible(true);
    }

    public void mousePressed(MouseEvent e) {
        BtnEvent be = new BtnEvent();
        be.x = e.getX(); be.y = e.getY(); be.pressed = true;
        btn.processMouseEvent(be);   // 派发自定义事件
        repaint();
    }
    // mouseReleased / mouseEntered ... 略

    public void onBtnClick(BtnEvent e) {                 // 监听器处理自定义事件
        System.out.println("自绘按钮被点击：" + e);
    }
}

库按钮——JButton 自带绘制与状态，直接注册系统监听器即可：

class LibBtnFrame extends JFrame {
    LibBtnFrame() {
        JLabel lbl = new JLabel("未点击");
        JButton btn = new JButton("JButton1");
        btn.addActionListener(e -> lbl.setText("JButton 被点击")); // 系统事件，省去自绘与状态管理
        add(lbl, BorderLayout.NORTH);
        add(btn, BorderLayout.CENTER);
        setSize(400, 200);
        setVisible(true);
    }
}

思考题

1. Frame/JFrame 与 Panel/JPanel 在容器层次上有何区别？
2. Component/JComponent 有哪些常用属性与方法？
3. 自己实现「按钮」与使用库按钮，在事件处理方式上有何本质区别？

学习小测验