java学习4---GUI编程——AWT（窗口Frame、面板Panel、布局管理器）

GUI编程

*这是什么？
*怎么玩？
*如何在平时使用？

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

1、简介

Gui的核心技术：AWT、Swing（界面不美观，需要jre环境）

• 为什么要学习？
  • 1.可以写出心中想要的一些小工具
  • 2.工作时候，也可能需要维护到swing界面，概率极小！
  • 3.了解MVC架构，了解监听！

2、AWT

2.1AWT介绍

2.2组件

2.2.1.Frame

//创建一个窗口
package clh.gui.test;

public class testframe {
    public static void main(String[] args) {
        Frame frame  = new Frame("我的第一个java图形界面窗口");
        //设置窗口大小
        frame.setSize(400,400);
        //设置背景颜色
        frame.setBackground(new Color(0, 72, 254));
        //设置起始位置
        frame.setLocation(200,200);
        //可视化
        frame.setVisible(true);
        ｝
｝
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

结果：

2.2.2面板Panel（解决关闭事件）

package clh.gui.test;

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

public class testframe {
    public static void main(String[] args) {
        Frame frame  = new Frame("我的第一个java图形界面窗口");
        //流式布局
        frame.setLayout(null);
        //设置背景颜色
        frame.setBackground(new Color(0, 72, 254));
        frame.setBounds(300,300,500,500);

        Panel panel = new Panel();
        panel.setBackground(new Color(199, 11, 11));
        panel.setBounds(100,100,200,200);

        frame.add(panel);
        //可视化
        frame.setVisible(true);
        //监听关闭窗口
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
        ｝
｝
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

结果：

2.2.3.布局管理器

*流式布局

package clh.gui.test;

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

public class testframe {
    public static void main(String[] args) {
        Frame frame  = new Frame("我的第一个java图形界面窗口");
                //流式布局
        Button button1 = new Button("button1");
        Button button2 = new Button("button2");
        Button button3 = new Button("button3");

        frame.setLayout(new FlowLayout());
        //frame.setLayout(new FlowLayout(FlowLayout.LEFT));
        //frame.setLayout(new FlowLayout(FlowLayout.RIGHT));

        frame.add(button1);
        frame.add(button2);
        frame.add(button3);

        frame.pack();//java函数！自动整合更美观
        //可视化
        frame.setVisible(true);
        //监听关闭窗口
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
        ｝
｝
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

结果：

*东西南北中

package clh.gui.test;

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

public class testframe {
    public static void main(String[] args) {
        Frame frame  = new Frame("我的第一个java图形界面窗口");
                
        //东西南北中
        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.pack();//java函数！自动整合更美观
        //可视化
        frame.setVisible(true);
        //监听关闭窗口
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
        ｝
｝
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

结果：

*表格布局

package clh.gui.test;

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

public class testframe {
    public static void main(String[] args) {
        Frame frame  = new Frame("我的第一个java图形界面窗口");
                
        //表格布局
        Button bt1 = new Button("bt1");
        Button bt2 = new Button("bt2");
        Button bt3 = new Button("bt3");
        Button bt4 = new Button("bt4");
        Button bt5 = new Button("bt5");
        Button bt6 = new Button("bt6");

        frame.setLayout(new GridLayout(3,2));

        frame.add(bt1);
        frame.add(bt2);
        frame.add(bt3);
        frame.add(bt4);
        frame.add(bt5);
        frame.add(bt6);

        frame.pack();//java函数！自动整合更美观
        //可视化
        frame.setVisible(true);
        //监听关闭窗口
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
        ｝
｝
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

结果：

*布局嵌套

package clh.gui.test;

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

public class testframe {
    public static void main(String[] args) {
        Frame frame  = new Frame("我的第一个java图形界面窗口");
        
                //布局嵌套
        frame.setLayout(new GridLayout(2,1));

        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-but-1"));
        p2.add(new Button("p2-but-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.add(p1);
        frame.add(p3);  
              
        frame.pack();//java函数！自动整合更美观
        //可视化
        frame.setVisible(true);
        //监听关闭窗口
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
        ｝
｝
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

结果：

小结

• 小结：
  • 1.frame是一个顶级窗口。
  • 2.Panel无法单独显示，必须添加到某个容器中
  • 3.布局管理器
    • 1.流式布局
    • 2.东南西北中
    • 3.表格布局
    • 4.大小、定位、背景颜色、可见性、监听