GUI编程小结

1、简介

GUI：图形用户界面编程
GUI的核心技术：Swing、AWT

• 因为界面不够美观
• 需要jre环境

为什么要学习？

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

2、AWT

2.1 AWT介绍

• 包含了很多类和接口
• 元素：窗口、按钮、文本框等
• java.awt（包）

2.2 组件和容器

（1）窗口Frame
展示一个窗口

//一个窗口
import java.awt.*;
public class code2 {
    public static void main(String[] args) {
        Frame frame = new Frame("第一个Java图形界面窗口");
        //设置可见性
        frame.setVisible(true);
        //设置窗口大小
        frame.setSize(400,400);
        //设置窗口颜色
        frame.setBackground(new Color(217, 185, 185));
        //窗口弹出初始位置
        frame.setLocation(200,200);
        //设置窗口固定
        frame.setResizable(false);
    }
}

运行效果图如下：

展示多个窗口：

import java.awt.*;
public class code3 {
    public static void main(String[] args) {
        MyFrame myFrame1 = new MyFrame(100,100,200,200,Color.BLACK);
        MyFrame myFrame2 = new MyFrame(300,100,200,200,Color.BLUE);
        MyFrame myFrame3 = new MyFrame(100,300,200,200,Color.RED);
        MyFrame myFrame4 = new MyFrame(300,300,200,200,Color.GREEN);
    }
}

class MyFrame extends Frame{
    static int i = 0;
    public MyFrame(int x,int y,int w,int h,Color color){
        super("MyFrame"+(++i));
        setVisible(true);
        setBounds(x,y,w,h);
        setBackground(color);
    }
}

运行效果图如下：

问题：无法关闭窗口，解决关闭事件方法在Panel中展示出来。

（2）面板Panel
解决了窗口无法关闭的问题。

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class code4 {
    public static void main(String[] args) {
        Frame frame = new Frame();
        Panel panel = new Panel();
        //设置布局
        frame.setLayout(null);

        //坐标
        frame.setBounds(300,300,500,500);
        frame.setBackground(new Color(40,160,250));

        //Panel设置坐标
        panel.setBounds(50,50,400,400);
        panel.setBackground(new Color(100,50,150));

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

        //监听事件，监听窗口关闭事件
        //适配器模式
        frame.addWindowListener(new WindowAdapter() {
            //窗口点击关闭时需要做的事情
            @Override
            public void windowClosing(WindowEvent e){
                //结束程序
                System.exit(0);
            }
        });
    }
}

3、布局管理器

• 流式布局

import java.awt.*;
public class TestFlowLayout {
    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(FlowLayout.CENTER));
        frame.setSize(200,200);
        frame.add(button1);
        frame.add(button2);
        frame.add(button3);
        frame.setVisible(true);
    }
}

• 东西南北中

import java.awt.*;
public class TestBorderLayout {
    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(200,200);
        frame.setVisible(true);
    }
}

• 表格布局

import java.awt.*;
public class TestGridLayout {
    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");
        Button button4 = new Button("button4");
        Button button5 = new Button("button5");
        Button button6 = new Button("button6");

        frame.setLayout(new GridLayout(3,2));
        frame.add(button1);
        frame.add(button2);
        frame.add(button3);
        frame.add(button4);
        frame.add(button5);
        frame.add(button6);
        frame.pack();
        frame.setVisible(true);
    }
}

• 总结
  （1）Frame是一个顶级窗口
  （2） Panel无法单独显示，必须添加到某个容器
  （3）三种布局管理器
  （4）大小、背景颜色、可见性、监听、定位

4、事件监听

事件监听：当某个事件发生时，要做什么

import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class code0 {
    public static void main(String[] args) {
        //按下按钮，触发事件
        Frame frame = new Frame();
        Button button = new Button();

        //因为addActionListener()需要一个ActionListener，所以我们需要构造一个ActionListener
        MyActionListen myActionListen = new MyActionListen();
        button.addActionListener(myActionListen);

        frame.add(button,BorderLayout.CENTER);
        frame.pack();//自适应
        frame.setVisible(true);
        windowClose(frame);
    }

    //关闭窗口事件
    private static void windowClose(Frame frame){
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
    }
}

class MyActionListen implements ActionListener{
    @Override
    public void actionPerformed(ActionEvent e) {
        System.out.println("yyy");//按下按钮事件
    }
}