GUI编程
学习来源: 【狂神说Java】GUI编程入门到游戏实战_哔哩哔哩_bilibili
告诉大家在怎么学?
- 这是什么?
- 它怎么玩?
- 该如何去在我们平时运用
- class-反编译文件,可阅读文件
组件
- 窗口
- 弹窗
- 面板
- 文本框
- 列表框
- 按钮
- 图片
- 监听事件
- 鼠标
- 键盘事件
- 外挂:Java / 破解工具
1 简介
Gui的核心技术:Swing(封装)、AWT(底层)
几乎被市场淘汰,原因:
- 页面不美观
- 需要jre环境!
为什么需要学习?
- 可以写出自己心中想要的一些小工具
- 工作时候,也可能需要维护到swing界面,概率极小
- 了解MVC架构,了解监听!
2 AWT(底层)
2.1 AWT介绍
- 包含了很多类和接口!GUI:图形用户界面
- 元素:窗口,按钮,文本框
- java.awt包
2.2 组件和容器
1 frame
package com.tanswc.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);
//设置背景颜色 new Color(153, 116, 23) 或 Color.red
frame.setBackground(new Color(153, 116, 23));
//弹出的初始位置
frame.setLocation(200,200);
//设置大小固定
frame.setResizable(false);
}
}
问题:窗口无法关闭,需要解决的问题
尝试回顾封装
package com.tanswc.lesson01;
import java.awt.*;
import java.text.CollationElementIterator;
public class TestFrame2 {
public static void main(String[] args) {
//展示多个窗口 new
MyFrame myFrame1 = new MyFrame(100, 100, 400, 200, Color.blue);
MyFrame myFrame2 = new MyFrame(500, 100, 400, 200, Color.yellow);
MyFrame myFrame3 = new MyFrame(100, 300, 400, 200, Color.red);
MyFrame myFrame4 = new MyFrame(500, 300, 400, 200, Color.MAGENTA);
}
}
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);//等价于setSize和setLocation
setVisible(true);
}
}
2 面板Panel
解决了关闭事件
package com.tanswc.lesson01;
import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
//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(21, 164, 147));
//panel设置坐标,相对于frame
panel.setBounds(50,50,400,400);
panel.setBackground(new Color(17, 176, 204));
//frame.add(panel)
frame.add(panel);
frame.setVisible(true);
//监听事件,监听窗口关闭时间 System.exit(0)
//适配器模式:
frame.addWindowListener(new WindowAdapter() {//这里如果是windowlistener,方法太多,所以直接用windowAdapter
//窗口点击关闭的时候需要做的事情
@Override
public void windowClosing(WindowEvent e) {
//结束程序
System.exit(0);
}
});
}
}
2.3 布局管理器
- 绝对布局
frame.setLayout(null);
-
流式布局FlowLayout
package com.tanswc.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("button1"); Button button3 = new Button("button1"); //设置为流式布局 frame.setLayout(new FlowLayout()); //frame.setLayout(new FlowLayout(FlowLayout.LEFT)); frame.setLayout(new FlowLayout(FlowLayout.RIGHT)); frame.setSize(200,200); //把按钮添加上去 frame.add(button1); frame.add(button2); frame.add(button3); frame.setVisible(true); } }
-
东西南北中
package com.tanswc.lesson01;
import java.awt.*;
public class TestBorderLayout {
public static void main(String[] args) {
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(south,BorderLayout.SOUTH);
frame.add(north,BorderLayout.NORTH);
frame.add(center,BorderLayout.CENTER);
frame.setSize(200,200);
frame.setVisible(true);
}
}
- 表格布局
package com.tanswc.lesson01;
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(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.tanswc.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.setLayout(new GridLayout(2,1));
frame.setSize(400,300);
frame.setLocation(300,400);
frame.setBackground(Color.BLACK);
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));
//上面ok
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);
//下面ok
p3.add(new Button("East-2"),BorderLayout.EAST);
p3.add(new Button("West-2"),BorderLayout.WEST);
//中间4个
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.addWindowListener(new WindowAdapter() {
//窗口点击关闭的时候需要做的事情
@Override
public void windowClosing(WindowEvent e) {
//结束程序
System.exit(0);
}
});
}
}
小结:*
- Frame是一个顶级窗口
- Panel无法单独显示,必须添加到某个容器中
- 布局管理器
- 流式布局
- 东西南北中
- 表格
- *大小、定位、背景颜色、可见性、监听!
//上述总结:代码实现
new Frame();//新建框架
new Panel();//新建面板
new Label;//新建标签
new Button();//新建按钮
new Color();//新建颜色
new FlowLayout();//新建流式布局
new BorderLayout();//新建东西南北中布局
new GridLayout();//新建表格布局
frame.setLayout();//设置布局——2行3列的图表
frame.setSize();//设置大小
frame.setLocation();//设置位置
frame.setBounds();//设置位置和大小,等同于setLocation和setSize
frame.setBackground();//设置背景
frame.setVisible();//设置可见性
frame.setResizable();//设置大小固定
x.add();//为x添加
x.setBackground(color);//为x设置颜色
x.setBounds(x,y,w,h);//为x设置大小、位置(等价于setSize和setLocation)
//监听
frame.addWindowListener(new WindowAdapter() {
//窗口点击关闭的时候需要做的事情
@Override
public void windowClosing(WindowEvent e) {
//结束程序
System.exit(0);
}
2.4 事件监听
事件监听:当发生某个事件时,干什么?
package com.tanswc.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();
//因为addActionListener()需要一个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("aaa");
}
}
多个按钮,共享一个事件
package com.tanswc.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.NORTH);
frame.add(button2,BorderLayout.SOUTH);
frame.pack();
frame.setVisible(true);
}
}
class MyMonitor implements ActionListener{
@Override
public void actionPerformed(ActionEvent e) {
//e.getActionCommand()获取按钮的信息
System.out.println("按钮被点击了:msg-->"+e.getActionCommand());
}
}
2.5 输入框TextField
package com.tanswc.lesson02;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class TestText01 {//main函数通常只有一个启动方法, 其他东西在其他类里面写
public static void main(String[] args) {
//main方法只有启动
new MyFrame();
}
}
class MyFrame extends Frame{//页面写在这个类里面
public MyFrame(){
TextField textField = new TextField();//TextArea文本域:多行文本;TextField单行文本
add(textField);
//监听这个文本框输入的文字
MyActionListener2 myActionListener2 = new MyActionListener2();
//按下回车,就会触发这个输入框的事件
textField.addActionListener(myActionListener2);
//设置替换编码
textField.setEchoChar('*');
setVisible(true);
pack();
}
}
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原则:组合大于继承!优先使用组合
//继承
class A extends B{
}
//组合
class A{
public B b;
}
构造器方法
——面向过程
package com.tanswc.lesson02;
import com.sun.deploy.xml.XMLable;
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() {//无参构造器
//3个文本框
TextField num1 = new TextField(10);//字符数,数字表示它最大能填多少个字符
TextField num2 = new TextField(10);//字符数
TextField num3 = new TextField(20);//字符数
//一个按钮
Button button = new Button("=");
button.addActionListener(new MyCaculatorListener(num1,num2,num3));//button需要加一个监听事件
//一个标签,没有任何功能,就是为了给人看,
Label label = new Label("+");
//布局:流式布局
setLayout(new FlowLayout());
add(num1);
add(label);
add(num2);
add(button);
add(num3);
pack();
setVisible(true);
}
}
//监听器类
class MyCaculatorListener implements ActionListener{
//获取三个变量
private TextField num1,num2,num3;
public MyCaculatorListener(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());//Integer.parseInt()强转,将字符串类型转换为字符
int n2 = Integer.parseInt(num2.getText());
//2.将这个值+法运算后,放到第三个框
num3.setText(""+(n1+n2));//暴力强转回字符串类型
//3.清除前两个框
num1.setText("");
num2.setText("");
}
}
组合的方式
——优化一下(尽量不用多态和继承,多态增加复杂性代码理解容易错误,继承增加耦合性)
package com.tanswc.lesson02;
import com.sun.deploy.xml.XMLable;
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 MyCaculatorListener(this));//button需要加一个监听事件
//最后写布局
setLayout(new FlowLayout());
add(num1);
add(label);
add(num2);
add(button);
add(num3);
pack();
setVisible(true);
}
}
//监听器类
class MyCaculatorListener implements ActionListener{
//获取计算器这个对象,在一个类中组合另外一个类
Calculator calculator = null;
public MyCaculatorListener(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.tanswc.lesson02;
import com.sun.deploy.xml.XMLable;
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 MyCaculatorListener());//button需要加一个监听事件
//最后写布局
setLayout(new FlowLayout());
add(num1);
add(label);
add(num2);
add(button);
add(num3);
pack();
setVisible(true);
}
//监听器类
//内部类的最大好处,就是可以畅通无阻的访问外部的属性和方法!
private class MyCaculatorListener 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 画笔
- 先有画笔
- 画笔要有颜色(记住默认的颜色)
- 画笔进行画画(如果每秒画N次,则产生了动画效果)
- 画完以后,画笔还原为最默认色
package com.tanswc.lesson03;
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,1000,1000);
setVisible(true);
}
//画笔
@Override
public void paint(Graphics g) {
//super.paint(g);
//画笔需要有颜色,画笔需要可以画画
g.fillOval(0,0,100,100);//实心圆,画笔最初的颜色
g.setColor(Color.green);
g.drawOval(100,100,100,100);//空心圆
g.setColor(Color.red);
g.fillOval(300,400,100,100);//实心圆
g.setColor(Color.blue);
g.fillRect(150,200,200,200);//实心圆
//养成习惯,画笔画完,将他还原到最初的颜色
g.setColor(Color.black);//这里是black是第一个图形的颜色
}
}
2.8 鼠标监听
目标:想要实现鼠标画画
思路:
package com.tanswc.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 TestMouseListener {
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()) {//让迭代器iterator逐个返回集合中所有元素最简单的方法是使用while循环
Point point = (Point) iterator.next();//iterator.next()输出集合中的第一个元素,并(强转)赋值给point
g.setColor(Color.blue);
g.fillOval(point.x,point.y,10,10);//绘制到画板上
}
}
//添加一个点到页面上
public void addPaint(Point point){//存鼠标点击的点(的坐标)的集合 的方法
points.add(point);//将鼠标获得的资源(坐标),存放到该points集合中。add增加元素,对应的删除元素是remove
}
//监听器类:适配器模式
private class MyMouseListener extends MouseAdapter {//为什么用extend而不用implements,因为后者需要重写所有的方法,实际我们只需要其中某一个,所以用前者
//鼠标的三个动作:按下,弹起,按住不放
@Override
public void mousePressed(MouseEvent e) {//这里的e是获得鼠标的资源
MyFrame frame = (MyFrame) e.getSource();
//这个我们点击的时候,就会在界面上产生一个点!画
//new Point(e.getX(),e.getY())这个点就是鼠标当前点击的位置
frame.addPaint(new Point(e.getX(),e.getY()));//调用自己写的addPaint方法,存储点坐标
//每次点击鼠标都需要重新画一遍
frame.repaint();//刷新,画笔会去重新去执行画画,repaint其实就是个回调,这里可以实现动画效果
}
}
}
2.9 窗口监听
package com.tanswc.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(){
setBackground(Color.blue);
setBounds(100,100,200,200);
setVisible(true);
addWindowListener(new MyWindowListenner());
}
class MyWindowListenner extends WindowAdapter{
@Override
public void windowClosing(WindowEvent e) {
setVisible(false);//隐藏窗口,通过按钮,隐藏当前窗口
System.exit(0);//正常退出,非正常退出,0改成1
}
}
}
优化一下——匿名内部类
package com.tanswc.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(){
setBackground(Color.blue);
setBounds(100,100,200,200);
setVisible(true);
//addWindowListener(new MyWindowListenner());
this.addWindowListener(
//匿名内部类
new WindowAdapter() {
@Override
public void windowClosing(WindowEvent e) {
System.out.println("窗口正在关闭");
System.exit(0);
}
@Override
public void windowActivated(WindowEvent e) {
WindowFrame source = (WindowFrame) e.getSource();
source.setTitle("被激活了");
System.out.println("窗口已激活");
}
}
);
}
}
2.10 键盘监听
package com.tanswc.lesson03;
import java.awt.*;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
public class TestKeyListenner {
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();
System.out.println(keyCode);//不需要去记录这个数值,直接使用静态属性 VK_XXX
if(keyCode == KeyEvent.VK_UP){
System.out.println("你按下了上键");
}
//根据按下不同的操作,产生不同的结果
}
@Override
public void keyReleased(KeyEvent e) {
super.keyReleased(e);
}
});
}
}
3 Swing(封装)
3.1 窗口、面板
颜色未更改
JFrame是Frame的儿子
package com.tanswc.lesson04;
import javax.swing.*;
import java.awt.*;
public class JFrameDemo {
//init(); 初始化
public void init(){
//顶级窗口
JFrame jf = new JFrame("这是一个JFrame窗口");
jf.setVisible(true);
jf.setBounds(100,100,200,200);
jf.setBackground(Color.cyan);
//设置文字Jlabel
jf.add(new JLabel("Welcome to Tanswc’s World"));
//关闭事件
jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
//建立一个窗口
new JFrameDemo().init();
}
}
颜色已更改(因为container),标签已居中
package com.tanswc.lesson04;
import javax.swing.*;
import java.awt.*;
public class JFrameDemo02 {
public static void main(String[] args) {
new MyJframe2().init();
}
}
class MyJframe2 extends JFrame{
public void init(){
this.setBounds(100,100,100,100);
this.setVisible(true);
JLabel label = new JLabel("欢迎来到Tanswc’s World");
this.add(label);
//让文本标签居中 设置水平对齐
label.setHorizontalAlignment(SwingConstants.CENTER);
//获得一个容器
Container container = this.getContentPane();
container.setBackground(Color.yellow);
//以上两步可以合成一步,如下
//this.getContentPane().setBackground(Color.yellow);
}
}
3.2 弹窗
JDialog,用来被弹出,默认就有关闭事件!
package com.tanswc.lesson04;
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
//主窗口
public class DialogDemo extends JFrame {
public DialogDemo() {
this.setVisible(true);
this.setSize(600,500);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
//JFrame 放东西,需要一个容器
Container container = this.getContentPane();
//绝对布局,窗口不可放大缩小
container.setLayout(null);
//按钮
JButton button = new JButton("点击弹窗一个对话框");//创建
button.setBounds(30,30,200,50);
//点击这个按钮的时候,弹窗一个弹窗
container.add(button);
button.addActionListener(new ActionListener() {//监听器
@Override
public void actionPerformed(ActionEvent e) {
//弹窗
new MyDialogDemo();
}
});
}
public static void main(String[] args) {
new DialogDemo();
}
}
//弹窗的窗口
class MyDialogDemo extends JDialog{
public MyDialogDemo() {
this.setVisible(true);
this.setBounds(100,100,500,500);
// this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
Container container = this.getContentPane();
container.setLayout(null);
container.add(new Label("Tanswc 的 弹窗"));
}
}
上述示例弹窗并没有显示出字来, 解决办法:
- 弹窗取消设置为绝对布局
- Label设置Bound
- 弹窗不使用container容器
3.3 标签
label
new Jlabel("xxx")
图标icon
package com.tanswc.lesson04;
import com.sun.xml.internal.bind.v2.runtime.ClassBeanInfoImpl;
import javax.swing.*;
import java.awt.*;
//图标,是一个接口,需要实现类,Frame继承
public class IconDemo extends JFrame implements Icon {
private int width;
private int height;
public IconDemo(){}//无参构造
public IconDemo(int width, int height){
this.width = width;
this.height = height;
}
public void init(){
IconDemo iconDemo = new IconDemo(15, 15);
//图标可以放在标签上,也可以放在按钮上
JLabel label = new JLabel("icontest", iconDemo, SwingConstants.CENTER);
Container container = getContentPane();
container.add(label);
this.setVisible(true);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new IconDemo().init();
}
@Override
public void paintIcon(Component c, Graphics g, int x, int y) {
g.fillOval(x,y,width,height);
}
@Override
public int getIconWidth() {
return this.width;
}
@Override
public int getIconHeight() {
return this.height;
}
}
图片icon
package com.tanswc.lesson04;
import javax.swing.*;
import java.awt.*;
import java.net.URL;
public class ImageIconDemo extends JFrame {
public ImageIconDemo(){
//获取图片的地址()获取当前这个类下,名称为美少女-黑白.jpg的资源
JLabel label = new JLabel("ImageIcon");
URL url = ImageIconDemo.class.getResource("美少女-黑白.jpg");
ImageIcon imageIcon = new ImageIcon(url);//命名不要冲突了
label.setIcon(imageIcon);
label.setHorizontalAlignment(SwingConstants.CENTER);
Container container = getContentPane();
container.add(label);
setVisible(true);
setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
setBounds(100,100,1700,700);
}
public static void main(String[] args) {
new ImageIconDemo();
}
}
3.4 面板
JPanel
package com.tanswc.lesson05;
import javax.swing.*;
import java.awt.*;
public class JPanelDemo extends JFrame {
public JPanelDemo(){
Container container = this.getContentPane();
container.setLayout(new GridLayout(2,1,10,10));//后面两个参数的意思是间距
JPanel panel1 = new JPanel(new GridLayout(1,3));
JPanel panel2 = new JPanel(new GridLayout(1,2));
JPanel panel3 = new JPanel(new GridLayout(2,1));
JPanel panel4 = new JPanel(new GridLayout(3,2));
panel1.add(new Button("1"));
panel1.add(new Button("1"));
panel1.add(new Button("1"));
panel2.add(new Button("2"));
panel2.add(new Button("2"));
panel3.add(new Button("3"));
panel3.add(new Button("3"));
panel4.add(new Button("4"));
panel4.add(new Button("4"));
panel4.add(new Button("4"));
panel4.add(new Button("4"));
panel4.add(new Button("4"));
panel4.add(new Button("4"));
container.add(panel1);
container.add(panel2);
container.add(panel3);
container.add(panel4);
this.setVisible(true);
this.setSize(500,500);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new JPanelDemo();
}
}
JScroll
package com.tanswc.lesson05;
import javax.swing.*;
import java.awt.*;
public class JScrollDemo extends JFrame {
public JScrollDemo() {
Container container = this.getContentPane();
//文本域
JTextArea textArea = new JTextArea(2, 5);
textArea.setText("欢迎欢迎,热烈欢迎!");
//Scroll面板
JScrollPane scrollPane = new JScrollPane(textArea);
container.add(scrollPane);
this.setBounds(100,100,300,350);
this.setVisible(true);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new JScrollDemo();
}
}
3.5 按钮
图片按钮
package com.tanswc.lesson05;
import javax.swing.*;
import java.awt.*;
import java.net.URL;
public class JButtonDemo01 extends JFrame {
public JButtonDemo01(){
Container container = this.getContentPane();
//将一个图片变为图标
URL url = JButtonDemo01.class.getResource("美少女-黑白.jpg");
Icon icon = new ImageIcon(url);
//把这个图标放在按钮上
JButton button = new JButton();
button.setIcon(icon);
button.setToolTipText("这是一个图片按钮");//鼠标悬浮再图片按钮上未点击出现的提示信息
//add
container.add(button);
this.setVisible(true);
this.setBounds(100,100,500,500);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new JButtonDemo01();
}
}
单选按钮
package com.tanswc.lesson05;
import javax.swing.*;
import java.awt.*;
import java.net.URL;
public class JButtonDemo02 extends JFrame{
public JButtonDemo02(){
Container container = this.getContentPane();
//将一个图片变为图标
URL url = JButtonDemo01.class.getResource("美少女-黑白.jpg");
Icon icon = new ImageIcon(url);
//单选框
JRadioButton radioButton1 = new JRadioButton("美少女01");
JRadioButton radioButton2 = new JRadioButton("美少女02");
JRadioButton radioButton3 = new JRadioButton("美少女03");
//由于单选框只能选择一个,所以要分组,一个组中只能选择一个
ButtonGroup group = new ButtonGroup();
group.add(radioButton1);
group.add(radioButton2);
group.add(radioButton3);
container.add(radioButton1,BorderLayout.CENTER);
container.add(radioButton2,BorderLayout.NORTH);
container.add(radioButton3,BorderLayout.SOUTH);
this.setVisible(true);
this.setBounds(100,100,500,500);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new JButtonDemo02();
}
}
复选按钮
package com.tanswc.lesson05;
import javax.swing.*;
import java.awt.*;
import java.net.URL;
public class JButtonDemo03 extends JFrame{
public JButtonDemo03(){
Container container = this.getContentPane();
//将一个图片变为图标
URL url = JButtonDemo01.class.getResource("美少女-黑白.jpg");
Icon icon = new ImageIcon(url);
//多选框
JCheckBox checkBox01 = new JCheckBox("刘备");
JCheckBox checkBox02 = new JCheckBox("关羽");
JCheckBox checkBox03 = new JCheckBox("张飞");
container.setLayout(new FlowLayout());
container.add(checkBox01);
container.add(checkBox02);
container.add(checkBox03);
this.setVisible(true);
this.setBounds(100,100,500,500);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new JButtonDemo03();
}
}
课外小知识:
JProfiler性能分析工具,如内存等
3.6 列表
下拉框
package com.tanswc.lesson06;
import javafx.scene.control.ComboBox;
import javax.swing.*;
import java.awt.*;
public class TestComboboxDemo01 extends JFrame {
public TestComboboxDemo01() {
Container container = this.getContentPane();
JComboBox status = new JComboBox();
status.addItem(null);
status.addItem("正在上映");
status.addItem("即将上映");
status.addItem("已下架");
container.add(status);
this.setVisible(true);
this.setSize(500,500);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new TestComboboxDemo01();
}
}
列表框
package com.tanswc.lesson06;
import javax.swing.*;
import java.awt.*;
import java.util.Vector;
public class TestComboboxDemo02 extends JFrame{
public TestComboboxDemo02() {
Container container = this.getContentPane();
//生成列表的内容
//String[] contents = {"1","2","3","4","5"};//静态数据
//列表中需要放入内容
Vector contents = new Vector();//动态数据
JList jList = new JList(contents);
contents.add("张三");
contents.add("李四");
contents.add("王五");
container.add(jList);
this.setVisible(true);
this.setSize(500,500);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new TestComboboxDemo02();
}
}
- 应用场景
- 选择地区,或者一些单个选项
- 列表,展示信息,一般是动态扩容!
3.7 文本框
文本框
package com.tanswc.lesson06;
import javax.swing.*;
import java.awt.*;
import java.util.Vector;
public class TestTextDemo01 extends JFrame{
public TestTextDemo01() {
Container container = this.getContentPane();
container.setLayout(new FlowLayout());
//
JTextField TextField = new JTextField("hello");
JTextField TextField2 = new JTextField("world",20);
container.add(TextField);
container.add(TextField2);
this.setVisible(true);
this.setSize(500,500);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new TestTextDemo01();
}
}
密码框
package com.tanswc.lesson06;
import javax.swing.*;
import java.awt.*;
public class TestTextDemo02 extends JFrame{
public TestTextDemo02() {
Container container = this.getContentPane();
//面板
JPasswordField passwordField = new JPasswordField();
passwordField.setEchoChar('*');
container.add(passwordField);
this.setVisible(true);
this.setSize(500,500);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new TestTextDemo02();
}
}
文本域
package com.tanswc.lesson05;
import javax.swing.*;
import java.awt.*;
public class JScrollDemo extends JFrame {
public JScrollDemo() {
Container container = this.getContentPane();
//文本域
JTextArea textArea = new JTextArea(2, 5);
textArea.setText("欢迎欢迎,热烈欢迎!");
//Scroll面板
JScrollPane scrollPane = new JScrollPane(textArea);
container.add(scrollPane);
this.setBounds(100,100,300,350);
this.setVisible(true);
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new JScrollDemo();
}
}
GUI编程基础已经结束
- HTML+Servlet
- MVC
C/S:客户端–>服务器(c++)
B/S:浏览器–>服务器(Java)
贪吃蛇
帧,如果时间足够小,就是动画,一秒30帧 60帧,连起来是动画,拆开就是静态的图片
四个步骤:
- 定义数据(初始化数据)
- 画上去
- 监听事件
- 键盘
- 事件
//StartGame.java
package com.tanswc.snake;
import javax.swing.*;
public class StartGame {
public static void main(String[] args) {
JFrame frame = new JFrame();
frame.setBounds(10,10,900,720);
frame.setResizable(false);
frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
//正常游戏都是放在面板上的
frame.add(new GamePanel());
frame.setVisible(true);
}
}
//Data.java
package com.tanswc.snake;
import javax.swing.*;
import java.awt.*;
import java.net.URL;
//数据中心
public class Data {
//相对路径
//绝对路径
public static URL headerURL = Data.class.getResource("statics/header.png");
public static ImageIcon header = new ImageIcon(headerURL);
public static URL upURL = Data.class.getResource("statics/up.png");
public static ImageIcon up = new ImageIcon(upURL);
public static URL downURL = Data.class.getResource("statics/down.png");
public static ImageIcon down = new ImageIcon(downURL);
public static URL leftURL = Data.class.getResource("statics/left.png");
public static ImageIcon left = new ImageIcon(leftURL);
public static URL rightURL = Data.class.getResource("statics/right.png");
public static ImageIcon right = new ImageIcon(rightURL);
public static URL bodyURL = Data.class.getResource("statics/body.png");
public static ImageIcon body = new ImageIcon(bodyURL);
public static URL foodURL = Data.class.getResource("statics/food.png");
public static ImageIcon food = new ImageIcon(foodURL);
}
//GamePanel.java
package com.tanswc.snake;
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.util.Random;
//游戏的面板
public class GamePanel extends JPanel implements KeyListener, ActionListener {
//定义蛇的数据结构
int length;//定义蛇的长度
int[] snakeX = new int[600];//蛇的x坐标,25*25
int[] snakeY = new int[500];//蛇的x坐标,25*25
String fx;//初始化方向向右
//食物的坐标
int foodx;
int foody;
Random random = new Random();
int score;//成绩
//游戏当前的状态:开始/停止
boolean isStart = false;//默认是不开始
boolean isFail =false;//游戏失败状态,默认不失败
//定时器 以ms为单位,1000ms=1s
Timer timer = new Timer(100,this);//毫秒未单位,监听this这个类,每100毫秒执行一次
//构造器
public GamePanel( ) {
init();
//获得焦点和键盘事件
this.setFocusable(true);//获得焦点事件
this.addKeyListener(this);//获取键盘监听事件
timer.start();//游戏一开始,定时器就启动
}
//初始化方法
public void init(){
length = 3;
snakeX[0] = 100;snakeY[0] = 100;//头的坐标
snakeX[1] = 75;snakeY[1] = 100;//第一节身体的坐标
snakeX[2] = 50;snakeY[2] = 100;//第二节身体的坐标
fx = "R";//初始化方向向右
//把食物随机分配在界面上!
foodx = 25 + 25*random.nextInt(34);
foody = 75 + 25*random.nextInt(24);
score = 0;
}
//绘制面板,游戏中的所有组件,都用这个画笔来画
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);//清屏
//绘制静态面板
this.setBackground(Color.white);
Data.header.paintIcon(this,g,25,11);//头部广告栏放上去
g.fillRect(25,75,850,600);//默认的游戏界面
//画积分
g.setColor(Color.white);
g.setFont(new Font("微软雅黑",Font.BOLD,18));
g.drawString("长度"+length,750,35);
g.drawString("分数"+score,750,55);
//画食物(食物绘制在蛇之前,这样蛇经过时会将食物覆盖,否则食物将蛇覆盖会出现闪屏)
Data.food.paintIcon(this,g,foodx,foody);
//把蛇绘制上去
if(fx.equals("R")){
Data.right.paintIcon(this,g,snakeX[0],snakeY[0]);//蛇头初始化向右
} else if (fx.equals("L")) {
Data.left.paintIcon(this,g,snakeX[0],snakeY[0]);//蛇头初始化向左
} else if (fx.equals("U")) {
Data.up.paintIcon(this,g,snakeX[0],snakeY[0]);//蛇头初始化向上
}else if (fx.equals("D")){
Data.down.paintIcon(this,g,snakeX[0],snakeY[0]);//蛇头初始化向下
}
for (int i = 1; i < length; i++) {//第i节身体的坐标
Data.body.paintIcon(this,g,snakeX[i],snakeY[i]);
}
// Data.body.paintIcon(this,g,snakeX[1],snakeY[1]);//第一个身体的坐标
// Data.body.paintIcon(this,g,snakeX[2],snakeY[2]);//第二个身体的坐标
//游戏状态
if(isStart==false){
g.setColor(Color.white);
g.setFont(new Font("微软雅黑",Font.BOLD,40));//设置字体
g.drawString("按下空格开始游戏!",300,300);
}
if(isFail==true){
g.setColor(Color.red);
g.setFont(new Font("微软雅黑",Font.BOLD,40));//设置字体
g.drawString("游戏失败,按下空格重新开始游戏!",150,300);
}
}
//键盘监听事件
@Override
public void keyPressed(KeyEvent e) {
//获得键盘按键是哪一个
int keyCode = e.getKeyCode();
if(keyCode == KeyEvent.VK_SPACE){//如果按下的键是空格
if(isFail){
isFail = false;
init();
}else {
isStart = !isStart;
}
repaint();
}
//小蛇移动
if(keyCode==KeyEvent.VK_UP){
fx = "U";
} else if(keyCode==KeyEvent.VK_DOWN){
fx = "D";
}else if(keyCode==KeyEvent.VK_LEFT){
fx = "L";
}else if(keyCode==KeyEvent.VK_RIGHT){
fx = "R";
}
}
//事件监听——需要通过固定事件来刷新,1s=10次
@Override
public void actionPerformed(ActionEvent e) {
if(isStart && isFail == false){//如果游戏是开始状态,就让小蛇动起来
//吃食物
if (snakeX[0] == foodx && snakeY[0] == foody){
length++;//长度加1
score+=10;//分数加1
//再次随机生成食物
foodx = 25 + 25*random.nextInt(34);
foody = 75 + 25*random.nextInt(24);
}
//右移
for (int i = length -1; i > 0; i--) {
snakeX[i] = snakeX[i - 1];//向前移动一节,后一节的身体移动到了前一节
snakeY[i] = snakeY[i - 1];//向前移动一节
}
//走向
if(fx.equals("R")){
snakeX[0] = snakeX[0] + 25;
//边界判断
if(snakeX[0] > 850){snakeX[0] = 25;}
}else if(fx.equals("L")){
snakeX[0] = snakeX[0] - 25;
//边界判断
if(snakeX[0] < 25){snakeX[0] = 850;}
}else if(fx.equals("U")){
snakeY[0] = snakeY[0] - 25;
//边界判断
if(snakeY[0] < 75){snakeY[0] = 650;}
}else if(fx.equals("D")){
snakeY[0] = snakeY[0] + 25;
//边界判断
if(snakeY[0] > 650){snakeY[0] = 75;}
}
//失败判定:撞到自己就算失败
for (int i = 1; i < length; i++) {
if (snakeX[0]==snakeX[i] && snakeY[0]==snakeY[i]){
isFail = true;
}
}
repaint();//重画页面
}
timer.start();//实际尝试这里并不需要
}
@Override
public void keyTyped(KeyEvent e) {
}
@Override
public void keyReleased(KeyEvent e) {
}
}