GUI编程

怎么学？

是什么
怎么玩
怎么用
class文件反编译成可阅读的文件

组件

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

1、简介

GUI核心技术： Swing AWT，这俩类，

不流行的原因：

界面不美观
需要jre环境! jre太大

为什么要学习？

可以写出自己心中想要的小工具
工作时可能要维护Swing，概率极小
了解MVC架构，了解监听！（为什么点击窗口是可以关掉的）

2、AWT

2.1、AWT介绍

包含很多接口！GUI！
元素：窗口、按钮、文本框
java.awt

2.2、组件和容器

1、Frame

package com.kuang.lessson01;

import java.awt.*;

//GUI的第一个界面
public class Testframe {

    public static void main(String[] args) {
        //Frame,JDK 看源码
        Frame frame = new Frame("我的第一个Java图形界面窗口");

        //需要设置可见性
        frame.setVisible(true);

        //设置窗口大小 w h
        frame.setSize(400,400);

        //设置背景颜色 color
        frame.setBackground(new Color(85,195,66));

        //设置弹出的位置
        frame.setLocation(200,200);

        //设置窗口不可以拉伸,大小固定
        frame.setResizable(false);

    }

}

问题：发现窗口关闭不掉，停止java程序运行

回顾封装：

package com.kuang.lessson01;

import java.awt.*;

public class TestFrame2 {
    public static void main(String[] args) {
        //展示多个窗口
        MyFrame myFrame1 = new MyFrame(100,100,200,200,Color.blue);
        MyFrame myFrame2 = new MyFrame(300,100,200,200,Color.green);
        MyFrame myFrame3 = new MyFrame(100,300,200,200,Color.yellow);
        MyFrame myFrame4 = new MyFrame(300,300,200,200,Color.pink);
    }
}

//Frame类的继承
class MyFrame extends Frame{
    static int id = 0;//可能存在多个窗口，需要一个计数器

    public MyFrame(int x,int y,int w,int h,Color color){
        super("Myframe+"+(++id));

        setBackground(color);
        setBounds(x,y,w,h);
        setVisible(true);
    }
}

2、面板Panel

解决了关闭问题（添加监听）

package com.kuang.lessson01;

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

//Panel 面板，可以看成是一个空间，但是不能单独存在
public class TestPanel {
    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,161,35));

        //panel设置相对坐标 相对于frame
        panel.setBounds(50,50,400,400);
        panel.setBackground(new Color(193,15,60));

        //frame.add(panel)
        frame.add(panel);

        frame.setVisible(true);

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

3、布局管理器

流式布局从左到右

package com.kuang.lessson01;

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.LEFT));  //button123靠左
        //frame.setLayout(new FlowLayout(FlowLayout.RIGHT));  //button123靠右
        frame.setLayout(new FlowLayout(FlowLayout.CENTER));   //button123居中

        frame.setSize(200,200);

        //把按钮添加上去
        frame.add(button1);
        frame.add(button2);
        frame.add(button3);

        frame.setVisible(true);

    }
}

东西南北中上下式 BorderLayout

package com.kuang.lessson01;

import java.awt.*;

public class TestBorderLayout {
    public static void main(String[] args) {
        Frame frame= new Frame("TextBorderLayout");

        Button east = new Button("East");
        Button west = new Button("West");
        Button south = new Button("South");
        Button north = new Button("North");
        Button center = new Button("Center");

        frame.add(east,BorderLayout.EAST);
        frame.add(west,BorderLayout.WEST );
        frame.add(south,BorderLayout.SOUTH);
        frame.add(north,BorderLayout.NORTH);
        frame.add(center,BorderLayout.CENTER);

        frame.setSize(200,200);
        frame.setVisible(true);


    }
}

表格布局表格：Grid

package com.kuang.lessson01;

import java.awt.*;

public class TestGridLayout {
    public static void main(String[] args) {
        Frame frame = new Frame("TestGridLayout");

        Button btn1 = new Button("btn1");
        Button btn2 = new Button("btn2");
        Button btn3 = new Button("btn3");
        Button btn4 = new Button("btn4");
        Button btn5 = new Button("btn5");
        Button btn6 = new Button("btn6");


        frame.setLayout(new GridLayout(2,2));
        frame.add(btn1);
        frame.add(btn2);
        frame.add(btn3);
        frame.add(btn4);
        frame.add(btn5);
        frame.add(btn6);

        frame.pack();//java函数！自动最优布局
        frame.setVisible(true);
    }
}

练习题

构思80%

代码20%

分析过程

frame窗
四个大的面板
- border
  - 左：button
  - 中：面板
  - 右：button

代码实现

package com.kuang.lessson01;

import java.awt.*;

public class TestPractice {
    public static void main(String[] args) {

        //总 Frame
        Frame frame = new Frame("TestPractice");
        frame.setSize(400,300);
        frame.setLocation(400,500);
        frame.setBackground(Color.BLUE);
        frame.setLayout(new GridLayout(2,1));
        frame.setVisible(true);


        //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(("p2-btn-1")));
        p2.add(new Button(("p2-btn-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=1;i<5;i++)
        {
            p4.add(new Button("p4-"+i));
        }

       p3.add(p4,BorderLayout.CENTER);
       frame.add(p1);
       frame.add(p3);
    }
}