GUI编程
组件
- 窗口
- 弹窗
- 面板
- 文本框
- 列表框
- 按钮
- 图片
- 监听事件
- 鼠标
- 键盘事件
- 破解工具
1、简介
GUI的核心技术:Swing AWT
- 因为界面不美观
- 需要jre环境!
为什么我们要学习?
- 可以写出自己心中想要的一些小工具
- 工作时候,也可能需要维护到Swing界面,概率极小!
- 了解MVC架构,了解监听!
2、AWT
2.1、AWT介绍
-
包含了很多类和接口! GUI!
-
元素:窗口,按钮,文本框
-
java.awt
2.2、组件和容器
1、Frame
package com.zhang.lesson01;
import java.awt.*;
// GUI第一个界面
public class TestFrame {
public static void main(String[] args) {
//Frame JDk 看源码
Frame frame = new Frame("我的第一个java图像界面窗口");
//设置可见性
frame.setVisible(true);
//设置窗口大小
frame.setSize(400,400);
//弹出的初始化位置
frame.setLocation(200,200);
//设置背景颜色
frame.setBackground(Color.blue);
//设置大小固定
frame.setResizable(false);
}
}
问题:发现窗口关闭不掉,要停止java程序。
尝试回顾封装:
package com.zhang.lesson01;
import java.awt.*;
public class TestFrame02 {
public static void main(String[] args) {
MyFlame myFlame01 = new MyFlame(100, 100, 200, 200, Color.blue);
MyFlame myFlame02 = new MyFlame(300, 100, 200, 200, Color.yellow);
MyFlame myFlame03 = new MyFlame(100, 300, 200, 200, Color.red);
MyFlame myFlame04 = new MyFlame(300, 300, 200, 200, Color.green);
}
}
class MyFlame extends Frame {
static int id = 0; //可能存在多个窗口,我们需要计数器
public MyFlame(int x,int y,int w,int h,Color color){
super("Myframe"+(++id));
setBounds(x,y,w,h);
setVisible(true);
setBackground(color);
setResizable(false);
}
}
2、面板Panel
解决了关闭事件
package com.zhang.lesson01;
import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
//Panel 可以看成一个空间,但不能单独存在
public class TextPanel {
public static void main(String[] args) {
Frame frame = new Frame();
Panel panel = new Panel();
//设置布局
frame.setLayout(null);
//坐标
frame.setBounds(200,200,500,500);
frame.setBackground(new Color(220, 68, 68));
//Panel设置坐标,相对于frame
panel.setBackground(new Color(79, 182, 28));
panel.setBounds(50,50,400,400);
frame.add(panel);
frame.setVisible(true);
//监听事件,监听窗口关闭事件 system.exit(0)
//适配器模式:
frame.addWindowListener(new WindowAdapter() {
// 窗口点击关闭时需要做的事情
@Override
public void windowClosing(WindowEvent e) {
//结束程序
System.exit(0);
}
});
}
}
2.3、布局管理器
-
流式布局
package com.zhang.lesson01; import java.awt.*; public class TextFlowLayout { public static void main(String[] args) { Frame frame = new Frame("TextFlowLayout"); //组件——按钮 Button button = new Button("button01"); Button button2 = new Button("button02"); Button button3 = new Button("button03"); //设置为流动布局 //frame.setLayout(new FlowLayout()); frame.setLayout(new FlowLayout(FlowLayout.RIGHT)); frame.setSize(200,200); frame.setBackground(Color.green); //把按钮添加上去 frame.add(button); frame.add(button2); frame.add(button3); frame.setVisible(true); } }
-
东西南北中
package com.zhang.lesson01; import java.awt.*; public class TextBorderLayout { 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 conter = new Button("Conter"); frame.add(east,BorderLayout.EAST); frame.add(west,BorderLayout.WEST); frame.add(south,BorderLayout.SOUTH); frame.add(north,BorderLayout.NORTH); frame.add(conter,BorderLayout.CENTER); frame.setSize(200,200); frame.setVisible(true); } }
- 表格布局
package com.zhang.lesson01;
import java.awt.*;
public class TextGridLayout {
public static void main(String[] args) {
Frame frame = new Frame("TextGridLayout");
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.pack(); //java函数 自动填充
frame.setVisible(true);
}
}
package com.zhang.lesson01;
import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
public class ExDemo {
public static void main(String[] args) {
Frame frame = new Frame();
frame.setSize(400,300);
frame.setLocation(300,400);
frame.setBackground(Color.black);
frame.setVisible(true);
frame.setLayout(new GridLayout(2,1));
Panel panel1 = new Panel(new BorderLayout());
Panel panel2 = new Panel(new GridLayout(2,1));
Panel panel3 = new Panel(new BorderLayout());
Panel panel4 = new Panel(new GridLayout(2,2));
panel1.add(new Button("p1"),BorderLayout.EAST);
panel1.add(new Button("p1"),BorderLayout.WEST);
panel2.add(new Button("p2"));
panel2.add(new Button("p2"));
panel1.add(panel2,BorderLayout.CENTER);
panel3.add(new Button("p3"),BorderLayout.EAST);
panel3.add(new Button("p3"),BorderLayout.WEST);
for (int i = 0; i < 4; i++) {
panel4.add(new Button("for+"+i));
}
panel3.add(panel4,BorderLayout.CENTER);
frame.add(panel1);
frame.add(panel3);
frame.addWindowListener(new WindowAdapter() {
@Override
public void windowClosing(WindowEvent e) {
System.exit(0);
}
});
}
}
总结:
- Frame是一个顶级窗口
- Panel无法单独显示,必须添加到某个容器中。
- 布局管理器
- 流式
- 东南西北中
- 表格
- 大小,定位,背景颜色,可见性,监听!
2.4、事件监听
事件监听:当某个事情发生的时候,干什么?
package com.zhang.lesson02;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
public class TestActionEvent {
public static void main(String[] args) {
//按下按钮触发一些事件
Frame frame = new Frame();
Button button = new Button();
//因为 addActionListene() 需要一个 ActionListener ,所以我们需要构造一个 ActionListener
MyActionListener myActionListener = new MyActionListener();
button.addActionListener(myActionListener);
frame.add(button,BorderLayout.CENTER);
frame.pack();
frame.setVisible(true);
windowClose(frame); //关闭窗口
}
//关闭窗口的事件
private static void windowClose(Frame frame){
frame.addWindowListener(new WindowAdapter() {
@Override
public void windowClosing(WindowEvent e) {
System.exit(0);
}
});
}
}
//事件监听
class MyActionListener implements ActionListener{
@Override
public void actionPerformed(ActionEvent e) {
System.out.println("aaaa");
}
}
多个按钮,共享一个事件
package com.zhang.lesson02;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class TestActionTwo {
public static void main(String[] args) {
// 两个按钮实现同一个监听
// 开始 停止
Frame frame = new Frame("开始- 停止");
Button button1 = new Button("start");
Button button2 = new Button("stop");
//可以显示的定义触发会返回的命令,如果不显示,则会走默认值。
//可以多个按钮只写一个监听类
button2.setActionCommand("button2-stop");
MyMonitor myMonitor = new MyMonitor();
button1.addActionListener(myMonitor);
button2.addActionListener(myMonitor);
frame.add(button1,BorderLayout.WEST);
frame.add(button2,BorderLayout.EAST);
frame.pack();
frame.setVisible(true);
}
}
class MyMonitor implements ActionListener{
@Override
public void actionPerformed(ActionEvent e) {
// e.getActionCommand() 获得按钮的信息
System.out.println("按钮被点击了 => "+ e.getActionCommand());
}
}
2.5、输入框 TextField 监听
package com.zhang.lesson02;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class TestText01 {
public static void main(String[] args) {
new MyFrame();
}
}
class MyFrame extends Frame{
public MyFrame(){
TextField textField = new TextField();
add(textField);
//监听这个文本框输入的文字
MyActionListener2 myActionListener2 = new MyActionListener2();
//按下enter 就会触发这个输入框的事件
textField.addActionListener(myActionListener2);
//设置替换编码
textField.setEchoChar('*');
pack();
setVisible(true);
}
}
class MyActionListener2 implements ActionListener{
@Override
public void actionPerformed(ActionEvent e) {
TextField field = (TextField) e.getSource(); //获得一些资源,返回的一个对象
System.out.println(field.getText()); //获得输入框的文本
field.setText(""); // null ”“
}
}
2.6、简易计算器,组合+内部类回顾复习
oop原则:组合,大于继承。
目前代码
package com.zhang.lesson02;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
//简易计算器
public class testCalc {
public static void main(String[] args) {
new Calculator();
}
}
//计算器类
class Calculator extends Frame{
public Calculator(){
//三个文本框
TextField num1 = new TextField(10);
TextField num2 = new TextField(10);
TextField num3 = new TextField(20);
//一个按钮
Button button = new Button("=");
button.addActionListener(new MyCalculatorListener(num1,num2,num3));
//一个标签
Label label = new Label("+");
//布局
setLayout(new FlowLayout());
add(num1);
add(label);
add(num2);
add(button);
add(num3);
pack();
setVisible(true);
}
}
//监听器类
class MyCalculatorListener implements ActionListener{
private TextField num1,num2,num3;
public MyCalculatorListener(TextField num1,TextField num2,TextField num3) {
this.num1 = num1;
this.num2 = num2;
this.num3 = num3;
}
@Override
public void actionPerformed(ActionEvent e) {
//1.获得加数和被加数
int n1 = Integer.parseInt(num1.getText());
int n2 = Integer.parseInt(num2.getText());
//2.将这个值 + 运算后,放到第三个框
num3.setText(""+(n1+n2));
//3.清除前两个框
num1.setText("");
num2.setText("");
}
}
完全改造为面向对象的写法
package com.zhang.lesson02;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
//简易计算器
public class testCalc {
public static void main(String[] args) {
new Calculator().loadFrame();
}
}
//计算器类
class Calculator extends Frame {
//属性
TextField num1, num2, num3;
public void loadFrame() {
num1 = new TextField(10);
num2 = new TextField(10);
num3 = new TextField(20);
Button button = new Button("=");
Label label = new Label("+");
//监听器
button.addActionListener(new MyCalculatorListener(this));
//布局
setLayout(new FlowLayout());
add(num1);
add(label);
add(num2);
add(button);
add(num3);
pack();
setVisible(true);
}
}
//监听器类
class MyCalculatorListener implements ActionListener{
//获取计算器这个对象,在一个类中组合另一个类;
Calculator calculator = null;
public MyCalculatorListener(Calculator calculator) {
this.calculator = calculator;
}
@Override
public void actionPerformed(ActionEvent e) {
//1.获得加数和被加数
//2.将这个值 + 运算后,放到第三个框
//3.清除前两个框
int n1 = Integer.parseInt(calculator.num1.getText());
int n2 = Integer.parseInt(calculator.num2.getText());
calculator.num3.setText(""+(n1+n2));
calculator.num1.setText("");
calculator.num2.setText("");
}
}
内部类:
- 更好的包装
package com.zhang.lesson02;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
//简易计算器
public class testCalc {
public static void main(String[] args) {
new Calculator().loadFrame();
}
}
//计算器类
class Calculator extends Frame {
//属性
TextField num1, num2, num3;
public void loadFrame() {
num1 = new TextField(10);
num2 = new TextField(10);
num3 = new TextField(20);
Button button = new Button("=");
Label label = new Label("+");
//监听器
button.addActionListener(new MyCalculatorListener());
//布局
setLayout(new FlowLayout());
add(num1);
add(label);
add(num2);
add(button);
add(num3);
pack();
setVisible(true);
}
//监听器类
//内部类最大的好处,就是可以畅通无阻的访问外部类的属性和方法!
private class MyCalculatorListener implements ActionListener{
@Override
public void actionPerformed(ActionEvent e) {
//1.获得加数和被加数
//2.将这个值 + 运算后,放到第三个框
//3.清除前两个框
int n1 = Integer.parseInt(num1.getText());
int n2 = Integer.parseInt(num2.getText());
num3.setText(""+(n1+n2));
num1.setText("");
num2.setText("");
}
}
}
2.7、画笔
package com.zhang.lesson02;
import java.awt.*;
public class TestPaint {
public static void main(String[] args) {
new MyPaint().loadFrame();
}
}
class MyPaint extends Frame{
public void loadFrame(){
setBounds(200,200,600,500);
setVisible(true);
}
//画笔
@Override
public void paint(Graphics g) {
g.setColor(Color.red);
g.drawOval(100,100,100,100); // 圆
// g.fillOval(100,100,100,100); // 实心的圆
g.fillRect(150,200,200,200); // 矩形
//养成习惯,画笔用完,将它们还原到最初的颜色
}
}
2.8、鼠标监听
目标:想要实现鼠标画画
package com.zhang.lesson03;
import java.awt.*;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.util.ArrayList;
import java.util.Iterator;
//鼠标监听事件
public class TextMouseListener {
public static void main(String[] args) {
new MyFrame("画图");
}
}
//自己的类
class MyFrame extends Frame{
// 画画需要画笔,需要监听鼠标当前位置,需要集合来储存这个点
ArrayList points;
public MyFrame(String title){
super(title);
setBounds(200,200,400,300);
// 存鼠标的点
points = new ArrayList<>();
setVisible(true);
// 鼠标监听器,正对这个窗口
this.addMouseListener(new MyMouseListener());
}
@Override
public void paint(Graphics g) {
// 画画,监听鼠标的事件
Iterator iterator = points.iterator();
while (iterator.hasNext()){
Point point = (Point) iterator.next();
g.setColor(Color.blue);
g.fillOval(point.x,point.y,10,10);
}
}
// 添加一个点到界面上
public void addPaint(Point point){
points.add(point);
}
//适配器模式
private class MyMouseListener extends MouseAdapter {
// 鼠标按下,弹起,按住不放
@Override
public void mousePressed(MouseEvent e) {
MyFrame frame = (MyFrame) e.getSource();
// 这里我们点击的时候,就会在界面上产生一个点! 画出来
// 这个点就是鼠标的点
frame.addPaint(new Point(e.getX(),e.getY()));
// 每次点击鼠标都重画一次
frame.repaint();
}
}
}
2.9、窗口监听
package com.zhang.lesson03;
import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
public class TestWindow {
public static void main(String[] args) {
new WindowFrame();
}
}
class WindowFrame extends Frame{
public WindowFrame(){
setVisible(true);
setBounds(100,100,200,200);
setBackground(Color.blue);
//addWindowListener(new MyWindowListener());
this.addWindowListener(
// 匿名内部类
new WindowAdapter() {
// 关闭窗口
@Override
public void windowClosing(WindowEvent e) {
System.out.println("windowClosing");
System.exit(0);
}
// 激活窗口
@Override
public void windowActivated(WindowEvent e) {
WindowFrame source = (WindowFrame) e.getSource();
source.setTitle("被激活了");
System.out.println("windowActivated");
}
}
);
}
}
2.10、键盘监听
package com.zhang.lesson03;
import java.awt.*;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import java.sql.SQLOutput;
public class TestKeyListener {
public static void main(String[] args) {
new KeyFrame();
}
}
class KeyFrame extends Frame{
public KeyFrame(){
setBounds(1,2,300,400);
setVisible(true);
this.addKeyListener(new KeyAdapter() {
@Override
public void keyPressed(KeyEvent e) {
// 获得键盘下的键是哪一个,当前的码
int keyCode = e.getKeyCode(); // 不需要记录这个数值,直接使用静态属性 VK_xxx
System.out.println(keyCode);
if (keyCode == KeyEvent.VK_UP){
System.out.println("你点击了上键");
}
// 根据不同的操作,产生不同的结果
}
});
}
}