【使用 AWT 开发GUI 程序】GridLayout 布局

Dear 丶 2023-10-12 10:46 10阅读 0赞

# 【使用 AWT 开发GUI 程序】GridLayout 布局 #

package com.hk.client.login;
    
    import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    /**
     * 使用 GridLayout 布局
     *
     * @author: shipleyleo
     * @create: 2023-06-04 19:05:21
     */
    public class Winfour1 extends Frame implements ActionListener {
        
        int i = 5;
        Button b1 = new Button("Button A");
        Button b2 = new Button("Button B");
        Button b3 = new Button("Button C");
        Button b4 = new Button("Button D");
        Button b5 = new Button("Button E");
        Button b6 = new Button("Button F");
        Button b7 = new Button("Button G");
        Button b8 = new Button("Button H");
        Button b9 = new Button("Button I");
    
        Winfour1() {
        
            // 设置窗口名称
            this.setTitle("布局利器 GridLayout");
            // 设置布局管理器为3行3列的GridLayout
            this.setLayout(new GridLayout(3, 3));
            // 将按钮组件放入窗口
            this.add(b1);
            this.add(b2);
            this.add(b3);
            this.add(b4);
            this.add(b5);
            this.add(b6);
            this.add(b7);
            this.add(b8);
            this.add(b9);
            // 为每个按钮组件添加监听
            b1.addActionListener(this);
            b2.addActionListener(this);
            b3.addActionListener(this);
            b4.addActionListener(this);
            b5.addActionListener(this);
            b6.addActionListener(this);
            b7.addActionListener(this);
            b8.addActionListener(this);
            b9.addActionListener(this);
            // 设置窗口的位置和大小
            this.setBounds(100, 100, 450, 450); // setBounds(int x, int y, int width, int height)
            // 设置窗口的可见性
            this.setVisible(true);
        }
    
        /**
         * 实现 ActionListener 接口中的 actonPerformed 方法
         */
        @Override
        public void actionPerformed(ActionEvent e) {
        
            i++;
            Button bi = new Button("Button " + i);
            this.add(bi);
            bi.addActionListener(this);
            this.show(true);
        }
    
        public static void main(String[] args) {
        
            new Winfour1();
        }
    }

**输出效果：**

3行3列的九宫格。

![在这里插入图片描述][6fb20373841d4bcf99d7a0c4ed478488.png]

当单击任意按钮，会在原来的按钮 Button I 之后，出现新的按钮 Button 6 。当再次点击任意按钮，则会在上次出现的按钮 Button 6 之后，出现新的按钮 Button 7 。以此类推，如下图所示。

![在这里插入图片描述][bc3fa0331ffa4e1095f793ed7bcfe596.png]

![在这里插入图片描述][d89ea6aed2bc4b99a1e99eb598927929.png]

![在这里插入图片描述][23d6b9291f974a16822899498712404f.png]

[6fb20373841d4bcf99d7a0c4ed478488.png]: https://img-blog.csdnimg.cn/6fb20373841d4bcf99d7a0c4ed478488.png
[bc3fa0331ffa4e1095f793ed7bcfe596.png]: https://img-blog.csdnimg.cn/bc3fa0331ffa4e1095f793ed7bcfe596.png
[d89ea6aed2bc4b99a1e99eb598927929.png]: https://img-blog.csdnimg.cn/d89ea6aed2bc4b99a1e99eb598927929.png
[23d6b9291f974a16822899498712404f.png]: https://img-blog.csdnimg.cn/23d6b9291f974a16822899498712404f.png