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
- border
代码实现
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);
}
}
小结
- Frame是一个顶级窗口
- Panel无法单独显示,必须添加到某个容器里面
- 布局管理器
- 流式
- 东西南北中
- 表格
- 大小、定位、背景颜色、可见性、监听