GUI编程--1

• GUI是什么 (Graphical User Interface),即用户图形界面编程。
• 怎么玩
• 平时怎么运用

组件

• 窗口
• 弹窗
• 面板
• 文本框
• 列表框
• 按钮
• 图片
• 监听事件

GUI技术的核心：Swing AWT，因为界面不美观，需要jre环境！ 所以不流行。

为啥要学习？

1. 写出一些想要的小工具。
2. 工作时候，可能需要维护到swing界面，很低概率。
3. 了解MVC架构，了解监听。

​ AWT(Abstract Window Toolkit)，中文译为抽象窗口工具包，该包提供了一套与本地图形界面进行交互的接口，是Java提供的用来建立和设置Java的图形用户界面的基本工具。

2.1 AWT介绍

1. 包含了很多类和接口！GUI
2. 元素、窗口、按钮、文本框
3. java.awt包

组件(component)：

1. button（按钮）、TextArea（文本框）、Label（标签）....
1. 容器(Container):1中的需要放到里面

​ 2.1. Window(窗口) ： Frame（框架）、Dialog（弹窗）

​ 2.2. Panel(面板)：Applet（小程序）

2.2 窗口--Frame框架

1.第一个frame窗口

package com.ssl.lesson01;

import java.awt.*;

//GUI的第一个界面
public class TestFrame {
    public static void main(String[] args) {
        //Frame
        Frame frame = new Frame("我的第一个java图形界面");

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

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

        //设置背景颜色
        frame.setBackground(new Color(22, 222, 93));

        //弹出的初始位置
        frame.setLocation(400,400);

        //设置大小固定
        frame.setResizable(false);

    }
}

问题：发现窗口关闭不掉！！

2.生成多个窗口

package com.ssl.lesson01;

import com.sun.beans.editors.ColorEditor;

import java.awt.*;

public class TestFrame2 {
    public static void main(String[] args) {
        new MyFrame(0,400,400,400,Color.red);
        new MyFrame(400,400,400,400,Color.blue);
        new MyFrame(800,400,400,400,Color.green);
        new MyFrame(1200,400,400,400,Color.orange);
    }
}

//利用继承写自己的方法。
class MyFrame extends Frame{

    //可能存在多个窗口，我们需要一个计数器
    static int id = 0;

    public MyFrame(int x,int y,int w,int h,Color color){
        super("myFrame"+(++id));
        setBounds(x,y,w,h);
        //setLocation(x,y);
        //setSize(w,h);
        setVisible(true);
        setBackground(color);
        setResizable(false);
    }
}

2.3 窗口--面板Panel

面板需要添加到frame中，其中解决了窗口关闭的事件监听。

package com.ssl.lesson01;

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(13, 234, 92));

        //panel 设置坐标 相对于frame
        panel.setBounds(50,50,400,400);

        //panel 设置颜色
        panel.setBackground(Color.red);

        //将面板Panel放到frame上
        frame.add(panel);

        frame.setVisible(true);

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

2.4 三种布局管理器

frame.setLayout(null);

• 流式布局Flow

  package com.ssl.lesson01;

  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());   //默认为中
  //frame.setLayout(new FlowLayout(FlowLayout.LEFT));  //左
  //frame.setLayout(new FlowLayout(FlowLayout.CENTER)); //中
  //frame.setLayout(new FlowLayout(FlowLayout.RIGHT));  //右
  
  frame.setSize(800,800);
  
  frame.setVisible(true);
  
  frame.add(button1);
  frame.add(button2);
  frame.add(button3);
  }

  }

• 东西南北中布局border

  package com.ssl.lesson01;

  import java.awt.*;

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

      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.setVisible(true);
  frame.setSize(800,400);
  }

  }

• 表格布局Grid

  package com.ssl.lesson01;

  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.setSize(400,400);
  
  frame.setVisible(true);
  }

  }

2.5 小练习

package com.ssl.lesson01;

import java.awt.*;

public class TestTest {
    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");
        Button button7 = new Button("button7");
        Button button8 = new Button("button8");
        Button button9 = new Button("button9");
        Button button10 = new Button("button10");

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

        Panel panel1 = new Panel();
        Panel panel2 = new Panel();

        frame.add(button1);
        frame.add(panel1);
        panel1.setLayout(new GridLayout(2,1));
        panel1.add(button2);
        panel1.add(button3);
        frame.add(button4);
        frame.add(button5);
        frame.add(panel2);
        panel2.setLayout(new GridLayout(2,2));
        panel2.add(button6);
        panel2.add(button7);
        panel2.add(button8);
        panel2.add(button9);
        frame.add(button10);

        frame.setSize(400,400);

        frame.setVisible(true);

    }
}

总结

1. Frame是一个顶级窗口
2. Panel无法单独显示，必须添加到某个容器中
3. 布局管理器