GUI

GUI编程

简介：

图形用户界面（Graphical User Interface，简称 GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。

GUI的核心技术: Swing AWT

缺点：

1. 界面不美观
2. 需要在jre环境下运行

学习GUI可以了解MVC架构，了解监听！

AWT

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

组件和容器

---

1. 窗体Frame

public class TestFrame {
	public static void main(String[] args) {
	Frame frame = new Frame("我的第一个Java图形界面窗口");
	
	//需要设置可见性
	frame.setVisible(true);
	
	
	//设置窗口大小
	frame.setSize(400,400);
	
	//设置背景颜色  Color
	frame.setBackground(Color.white);
	
	//弹出的初始位置
	frame.setLocation(200,200);
	
	
	//设置大小固定
	frame.setResizable(false);
	}
}

JAVA

问题：窗口无法关闭

尝试将生成窗口的方法进行封装

public class TestFrame2 {

	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.darkGray);
		MyFrame myFrame3=new MyFrame(100,300,200,200,Color.cyan);
		MyFrame myFrame4=new MyFrame(300,300,200,200,Color.BLUE);
	}

}
class MyFrame extends Frame{
	//封装
	static int id=0;//可能存在多个窗口，需要一个计数器
	public MyFrame(int x, int y,int w,int h,Color color){
		super("Myframe"+(++id));
		setVisible(true);
		setBounds(x, y, w, h);
		setBackground(color);
		setResizable(false);
	}  ;
}

JAVA

2. 面板Panel

解决了窗体关闭事件！

public class Testpanel {
	//面板
	public static void main(String[] args) {
		// Panel 可以看成是一个空间，但是不能单独存在
		Frame frame = new Frame();
		
		//生成面板
		Panel panel = new Panel();
		
		//设置布局
		frame.setLayout(null);
		
		//frame设置
		frame.setBounds(300, 300, 500, 500);
		frame.setBackground(Color.LIGHT_GRAY);
		
		//panel 设置坐标，相对于frame
		panel.setBounds(50, 50, 400, 400);
		panel.setBackground(Color.darkGray);
		
		
		//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);
			
		}
		});
	}

}

JAVA

3. 布局管理器

• 流式布局

//组件-按钮
Button Button1=new Button("button1");
Button Button2=new Button("button2");
Button Button3=new Button("button3");

//设置为流式布局
//frame.setLayout(new FlowLayout());  //默认为center
frame.setLayout(new FlowLayout(FlowLayout.LEFT));

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

frame.add(Button1);
frame.add(Button3);
frame.add(Button2);

JAVA

• 东西南北中

Frame frame = new Frame("TestBorderLayout");

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(north,BorderLayout.NORTH);
frame.add(south,BorderLayout.SOUTH);
frame.add(center,BorderLayout.CENTER);

JAVA

• 表格式布局

Frame frame = new Frame("TestBorderLayout");

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(3,2));

frame.add(btn1);
frame.add(btn2);
frame.add(btn3);
frame.add(btn4);
frame.add(btn5);
frame.add(btn6);

frame.setVisible(true);
frame.pack();   //自动布局

JAVA

• 多种Layout 嵌套布局

//四个面板
		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));
		
		// Button add to panel
		p1.add(new Button("East_1"),BorderLayout.EAST);
		p1.add(new Button("West_1"),BorderLayout.WEST);
		
		p2.add(new Button("p2_btn_up"));
		p2.add(new Button("p2_btn_down"));
		
		p1.add(p2,BorderLayout.CENTER);
		
		p3.add(new Button("East_2"),BorderLayout.EAST);
		p3.add(new Button("West_2"),BorderLayout.WEST);
		
		p4.add(new Button("p2_btn_upl"));
		p4.add(new Button("p2_btn_upr"));
		p4.add(new Button("p2_btn_downl"));
		p4.add(new Button("p2_btn_downr"));
		
		p3.add(p4,BorderLayout.CENTER);
		
		//panel add to frame
		frame.add(p1);
		frame.add(p3);

JAVA

事件监听

1.设置监听器

public class TestActionEvent {

	public static void main(String[] args) {
		// TODO 自动生成的方法存根
		Frame frame = new Frame();
		Button button = new Button();
		
		//因为，addActionListener()需要一个ActionListener,所以我们需要构造一个ActionListener
		MyActionListener myactionlistener =new MyActionListener();
		button.addActionListener(myactionlistener);
		
		frame.add(button,BorderLayout.CENTER);
		frame.pack();
		frame.setVisible(true);
		
		frame.addWindowListener(new WindowAdapter() {
			@Override
			public void windowClosing(WindowEvent e) {
				// TODO 自动生成的方法存根
				System.exit(0);;
			}
		});
	}

}

class MyActionListener implements ActionListener{
	@Override
	public void actionPerformed(ActionEvent e) {
		System.out.println("aaa");
	}
}