【Java GUI 编程】初始 GUI 编程

叁歲伎倆 2022-12-15 12:56 228阅读 0赞

### 文章目录 ###

*   *  初始 GUI
     *  1、GUI 简介
     *  2、AWT

## 初始 GUI ##

1、这是什么？  
2、它该怎么玩？  
3、该如何运用？

需要掌握以下组件

*  窗口
 *  弹窗
 *  面板
 *  文本框
 *  列表框
 *  按钮
 *  图片
 *  监听事件
    
     *  鼠标
     *  键盘
 *  外挂
 *  破解
 *  …

## 1、GUI 简介 ##

GUI(图像用户界面编程), 核心技术：Swing ，AWT

但是快被淘汰了，因为界面不美观，且需要 jre环境

但是我们为什么要学习？

*  可以写出自己心中的小工具
 *  工作时候，也可能需要维护到 swing 界面
 *  了解 MVC 架构，了解监听

## 2、AWT ##

*  (AWT) abstract windows tools 包含了很多类和接口
 *  元素：窗口，按钮，文本框
 *  包：java.awt
 *  核心类：组件(Component)

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_1_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzYzMzQ0_size_16_color_FFFFFF_t_70_pic_center]

**组件和容器**

1、第一个窗口程序 frame

package JavaGUI;
    import java.awt.*;
    /** * @Title: Test1Frame * @Package JavaGUI * @Description: GUI 的第一个界面 * @author: maze * @date 2020/10/17上午 0:38 */
    public class Test1Frame { 
        public static void main(String[] args) { 
            //Frame 对象
            Frame frame = new Frame("我的第一个java图像界面窗口");
            //需要设置可见性
            frame.setVisible(true);
            // 设置窗口大小
            frame.setSize(400,400);
            // 设置背景颜色
            frame.setBackground(new Color(193, 87, 87));
            // 弹出窗口的初始化位置
            frame.setLocation(200,200);
            // 设置大小固定
            frame.setResizable(false);
        }
    }

代码有注释比较好懂，下面尝试用封装的思想，new 出四个界面程序

重点不是 new 几个图形，**重点是怎么封装的，封装的思想**

package JavaGUI;
    import java.awt.*;
    
    /** * @Title: Test2Frame * @Package JavaGUI * @Description: 利用封装思想，new 出多个界面来 * @author: maze * @date 2020/10/17上午 2:08 */
    public class Test2Frame{ 
        public static void main(String[] args) { 
            Myframe frame1 = new Myframe(100,100,200,200,Color.BLACK);
            Myframe frame2 = new Myframe(300,100,200,200,Color.black);
            Myframe frame3 = new Myframe(100,300,200,200,Color.yellow);
            Myframe frame4 = new Myframe(300,300,200,200,Color.cyan);
        }
    }
    // 封装一个界面程序
    class Myframe extends Frame{ 
        static int id = 0; //设置一个窗口计数器
        public Myframe(int x,int y,int w,int h,Color color){ 
            super("Frame"+(++id));
            // 设置可见性
            setVisible(true);
            //设置窗口大小宽高
            setBounds(x,y,w,h);
            // 设置背景
            setBackground(color);
        }
    }

如下图

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzYzMzQ0_size_16_color_FFFFFF_t_70_pic_center]

2、面板 Panel

面板是一个空间，不能单独存在，需要放在 frame 上

package JavaGUI;
    
    import java.awt.*;
    import java.awt.event.WindowAdapter;
    import java.awt.event.WindowEvent;
    
    /** * @Title: Test3Panel * @Package * @Description: 面板 Panel 可以看出一个空间，但是不能单独存在 * @author: maze * @date 2020/10/17下午 16:45 */
    public class Test3Panel { 
        public static void main(String[] args) { 
            Frame frame = new Frame();
            Panel panel1 = new Panel();
            // 设置布局
             frame.setLayout(null);
            // 坐标
            frame.setBounds(100,100,570,570);
            frame.setBackground(new Color(1,1,1));
            // frame 添加面板
            panel1.setBounds(100,100,450,450);
            panel1.setBackground(Color.BLUE);
            frame.add(panel1);
            frame.setVisible(true);
            // 监听事件
            // 这里运用适配器模式，只实现了关闭事件
            // 如果要实现所有的监听事件，则需要new WindowLister
            // new WindowAdapter 继承 Lister类进行了重写
            frame.addWindowListener(new WindowAdapter() { 
                @Override
                public void windowClosing(WindowEvent e) { 
                    System.exit(1);
                    //super.windowClosing(e);
                }
            });
        }
    }

3、布局管理器

*  流式布局

public class Test4FlowLayout { 
        public static void main(String[] args) { 
            Frame frame = new Frame();
            // 组件 - 按钮
            Button button1 = new Button("button1");
            Button button2 = new Button("button2");
            Button button3 = new Button("button3");
            // 设置为流式布局
            frame.setLayout(new FlowLayout());
            frame.setSize(200,200);
            frame.setVisible(true);
            frame.add(button1);
            frame.add(button2);
            frame.add(button3);
        }
    }

*  东南西北中

public class Test5BorderLayout { 
        public static void main(String[] args) { 
            Frame frame = new Frame();
            Button button1 = new Button("east");
            Button button2 = new Button("west");
            Button button3 = new Button("north");
            Button button4 = new Button("south");
            Button button5 = new Button("center");
            
            frame.add(button1,BorderLayout.EAST);
            frame.add(button2,BorderLayout.WEST);
            frame.add(button3,BorderLayout.NORTH);
            frame.add(button4,BorderLayout.SOUTH);
            frame.add(button5,BorderLayout.CENTER);
            
            frame.setSize(300,300);
            frame.setVisible(true);
        }
    }

*  表格式布局

public class Test6GridLayout { 
        public static void main(String[] args) { 
            Frame frame = new Frame();
            Button button1 = new Button("btn1");
            Button button2 = new Button("btn2");
            Button button3 = new Button("btn3");
            Button button4 = new Button("btn4");
            Button button5 = new Button("btn5");
            Button button6 = new Button("btn6");
    
            frame.setLayout(new GridLayout(3,2,0,0));
            frame.add(button1);
            frame.add(button2);
            frame.add(button3);
            frame.add(button4);
            frame.add(button5);
            frame.add(button6);
    
            // Java 函数 把布局自动选择做优秀的位置
            frame.pack();
            frame.setVisible(true);
        }
    }

把这三种布局综合应用

实现下面这个布局

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_1_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzYzMzQ0_size_16_color_FFFFFF_t_70_pic_center 1]

package JavaGUI;
    import java.awt.*;
    
    public class Test7 { 
        public static void main(String[] args) { 
            Frame frame = new Frame();
            frame.setBounds(300,300,400,300);
            frame.setBackground(Color.yellow);
            frame.setVisible(true);
            // frame 分为一个两行一列的表格
            frame.setLayout(new GridLayout(2,1));
    
            // 4个面板
            Panel p1 = new Panel(new BorderLayout());
            Panel p2 = new Panel(new GridLayout(2,1));
            Panel p3 = new Panel(new BorderLayout());
            Panel p4 = new Panel(new GridLayout(2,2));
    
            // 上部分
            p1.add(new Button("East-1"),BorderLayout.EAST);
            p1.add(new Button("West-1"),BorderLayout.WEST);
            p2.add(new Button("Mediu-1-1"));
            p2.add(new Button("Mediu-1-2"));
            p1.add(p2,BorderLayout.CENTER);
    
            // 下部分
            p3.add(new Button("East-2"),BorderLayout.EAST);
            p3.add(new Button("West-2"),BorderLayout.WEST);
            for(int i = 0;i<4;++i){ 
                p4.add(new Button("for-"+i));
            }
            p3.add(p4,BorderLayout.CENTER);
    
            // 把 面板放进 frame 中
            frame.add(p1);
            frame.add(p3);
        }
    }

**事件监听**

上面我们写了关闭窗口的事件监听，下面详细总结事件的监听

主要有鼠标监听，键盘监听

package JavaGUI;
    
    import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    import java.awt.event.WindowAdapter;
    import java.awt.event.WindowEvent;
    
    /** * @Title: EventAction * @Package JavaGUI * @Description: * @author: maze * @date 2020/10/17下午 22:55 */
    public class Test8ActionEvent { 
        public static void main(String[] args) { 
            // 按下按钮，产生事件
            Frame frame = new Frame();
            Button button = new Button("button1");
            MyActionListener myActionListener = new MyActionListener();
            button.addActionListener(myActionListener);
    
            frame.add(button,BorderLayout.CENTER);
            frame.pack();
            // 关闭窗口事件
            windowClose(frame);
            frame.setVisible(true);
        }
        // 关闭窗体的事件
        private static void windowClose(Frame frame){ 
            frame.addWindowListener(new WindowAdapter() { 
                @Override
                public void windowClosing(WindowEvent e) { 
                    System.exit(1);
                }
            });
        }
    }
    
    class MyActionListener implements ActionListener{ 
        @Override
        public void actionPerformed(ActionEvent e) { 
            System.out.println("aaa");
        }
    }

**输入框事件**

public class Test9Txt { 
        public static void main(String[] args) { 
            new MyFrame();
        }
    }
    
    class MyFrame extends Frame{ 
        public MyFrame(){ 
            TextField textField = new TextField();
            add(textField);
            //监听文本框输入的文字
            MyActionListener2 myActionListener2 = new MyActionListener2();
            // 按下 回车 就会触发这个输入框的事件
            textField.addActionListener(myActionListener2);
            // 设置编码
            textField.setEchoChar('*');
    
            pack();
            setVisible(true);
    
        }
    }
    
    class MyActionListener2 implements ActionListener { 
        @Override
        public void actionPerformed(ActionEvent e) { 
            TextField textField = (TextField) e.getSource();// 获得资源
            System.out.println(textField.getText());
            textField.setText(""); // 按下回车清空
        }
    }

有了这些基础，我们下一篇就可以写一个简易的计算器了

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_1_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzYzMzQ0_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/e9810b25533147c8b17085eb641bbedc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzYzMzQ0_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/3e3b21433d1e4448ad262725275ba05e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_1_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzYzMzQ0_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/e8d4f72588c343a4aeaadf2a8b21b6f1.png