文章目录
常用的GUI的组件
- 窗口
- 弹窗
- 面板
- 文本框
- 列表框
- 按钮
- 图片
- 监听事件
- 鼠标
- 键盘事件
- 破解工具
1、简介
- Gui的核心技术: Swing 、 AWT
- 因为界面不美观。
- 需要 jre 环境!
- 为什么我们要学习?
- 可以写出自己心中想要的一些小工具
- 工作时候,也可能需要维护到swing界面,概率极小!
- 了解MVC架构,了解监听事件!
2、AWT(较为基础的GUI框架)
2.1、Awt介绍
-
包含了很多类和接口! GUI !
-
元素:窗口,按钮,文本框
-
java.awt
-
AWT 界面绘制一览图:
2.2、组件和容器
1、Frame(示例代码)
一帧就相当于动画或者游戏中的某一幅画面!
package com.kuang.lesson01;
import java.awt.*;
//GUI的第一个界面
public class TestFrame {
public static void main(String[] args) {
//Frame,JDK, 看源码!
Frame frame = new Frame("我的第一个Java图像界面窗口");
//需要设置可见性 w h
frame.setVisible(true);
//设置窗口大小
frame.setSize(400,400);
//设置背景颜色 Color
frame.setBackground(new Color(85, 150, 68));
//弹出的初始位置
frame.setLocation(200,200);
//设置大小固定
frame.setResizable(false);
}
}
效果:
问题: 发现窗口关闭不掉,只能通过停止java程序来关闭!
- 尝试回顾封装:(利用封装的思想来建立多个Frame图像帧)
效果:package com.kuang.lesson01; import java.awt.*; public class TestFrame2 { public static void main(String[] args) { //展示多个窗口 new MyFrame myFrame1 = new MyFrame(100, 100, 200, 200, Color.blue); MyFrame myFrame2 = new MyFrame(300, 100, 200, 200, Color.yellow); MyFrame myFrame3 = new MyFrame(100, 300, 200, 200, Color.red); MyFrame myFrame4 = new MyFrame(300, 300, 200, 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); setVisible(true); } }
2.3、面板Panel
- 示例:画出一个面板(并且解决了无法关闭窗口的问题!)
效果: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); } }); } }
2.4、布局管理器
-
流式布局:
package com.kuang.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.RIGHT)); frame.setSize(200,200); //把按钮添加上去 frame.add(button1); frame.add(button2); frame.add(button3); frame.setVisible(true); } }
效果:
-
东西南北中布局法:
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); } }
效果:
-
表格布局 Grid:
package com.kuang.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.kuang.lesson01; import java.awt.*; //练习的demo讲解 public class ExDemo { public static void main(String[] args) { //总 Frame 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)); //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); //下面 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); } }
AWT布局小结:
- Frame是一个顶级窗口
- Panel 无法单独显示,必须添加到某个容器中。
- 布局管理器
- 流式
- 东西南北中
- 表格
- 大小,定位,背景颜色,可见性,监听!
2.5、事件监听
- 概念:
事件监听:当某个事情发生的时候,干什么?相当于有一个函数钩子在等待着被某个操作时间所触发,一旦该时间发生,则对应的钩子函数中的代码就需要对应的进行运行! - 示例:
package com.kuang.lesson02; import javax.swing.*; 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(); windowClose(frame); //关闭窗口 frame.setVisible(true); } //关闭窗体的事件 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.kuang.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()); if (e.getActionCommand().equals("start")){ //通过触发的事件中的信息来判断是哪个按钮触发的该动作! } } }
2.5、输入框 TextField 监听
- 示例代码:
package com.kuang.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('*'); 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原则:组合,大于继承!
-
示例:(最开始的写法!)
package com.kuang.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(){ //3 个文本框 TextField num1 = new TextField(10);//字符数 TextField num2 = new TextField(10);//字符数 TextField num3 = new TextField(20);//字符数 //1 个按钮 Button button = new Button("="); button.addActionListener(new MyCalculatorListener(num1,num2,num3)); //1 个标签 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.kuang.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.kuang.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.kuang.lesson03; import java.awt.*; import java.util.Date; 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.setColor(Color.GREEN); g.fillRect(150,200,200,200); //养成习惯,画笔用完,将他还原到最初的颜色 } }
2.8、鼠标监听
- 目的:想要实现鼠标画画!
- 流程图示:
- 代码示例:
package com.kuang.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()){ 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.kuang.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 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.kuang.lesson03; import java.awt.*; import java.awt.event.KeyAdapter; import java.awt.event.KeyEvent; //键 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("你按下了上键"); } //根据按下不同操作,产生不同结果; } }); } }
3、Swing
- 概念:Swing是对AWT更为高级的封装,能使得绘制出来的图形更美观,同时使得各种接口设计的更为丰富合理!
3.1、窗口、面板
- 代码示例:
效果:package com.kuang.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 JLabel label = new JLabel("欢迎来到狂神说Java系列节目"); // 添加操作! jf.add(label); // 设置关闭事件 jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } public static void main(String[] args) { //建立一个窗口 new JFrameDemo().init(); } }
- 标签居中:
(1)利用container(容器)来进行组件的添加操作(在Swing中最好这样做!)
(2)注意:在Swing中明显的写出关闭事件也能关闭掉窗口,但是这样并不会使得程序停止,所以还是需要显示地声明出来! - 代码示例:
package com.kuang.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(10,10,200,300); this.setVisible(true); JLabel label = new JLabel("欢迎来到狂神说Java系列节目"); //this.add(label); 这样也可以显示出来! //让文本标签居中 设置水平对齐 label.setHorizontalAlignment(SwingConstants.CENTER); //获得一个容器 Container container = this.getContentPane(); container.setBackground(Color.YELLOW); container.add(label); this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } }
3.2、弹窗
JDialog,用来被弹出,默认就有关闭事件!
- 代码示例:
package com.kuang.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(700,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); //点击这个按钮的时候,弹出一个弹窗 button.addActionListener(new ActionListener() { //监听器 @Override public void actionPerformed(ActionEvent e) { //弹窗 new MyDialogDemo(); } }); container.add(button); } 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("秦老师带你学Java")); } }
3.3、标签
- label
new JLabel("xxx");
- 图标 (ICON)
package com.kuang.lesson04; 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.kuang.lesson04; import javax.swing.*; import java.awt.*; import java.net.URL; public class ImageIconDemo extends JFrame { public ImageIconDemo(){ //获取图片的地址 JLabel label = new JLabel("ImageIcon"); URL url = ImageIconDemo.class.getResource("tx.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,200,200); } public static void main(String[] args) { new ImageIconDemo(); } }
3.4、面板
- JPanel:
效果:package com.kuang.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 JButton("1")); panel1.add(new JButton("1")); panel1.add(new JButton("1")); panel2.add(new JButton("2")); panel2.add(new JButton("2")); panel3.add(new JButton("3")); panel3.add(new JButton("3")); panel4.add(new JButton("4")); panel4.add(new JButton("4")); panel4.add(new JButton("4")); panel4.add(new JButton("4")); panel4.add(new JButton("4")); panel4.add(new JButton("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(); } }
- 滚动面板:(JScrollPanel)
效果:package com.kuang.lesson05; import javax.swing.*; import java.awt.*; public class JScrollDemo extends JFrame { public JScrollDemo(){ Container container = this.getContentPane(); //文本域 JTextArea textArea = new JTextArea(20, 50); textArea.setText("欢迎学习狂神说Java"); //Scroll面板 JScrollPane scrollPane = new JScrollPane(textArea); container.add(scrollPane); this.setVisible(true); this.setBounds(100,100,300,350); this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } public static void main(String[] args) { new JScrollDemo(); } }
3.5、按钮
- 图片按钮:
package com.kuang.lesson05; import javax.swing.*; import java.awt.*; import java.net.URL; public class JButtonDemo01 extends JFrame { public JButtonDemo01() { Container container = this.getContentPane(); //将一个图片变为图标 URL resource = JButtonDemo01.class.getResource("tx.jpg"); Icon icon = new ImageIcon(resource); //把这个图标放在按钮上 JButton button = new JButton(); button.setIcon(icon); button.setToolTipText("图片按钮"); //add container.add(button); this.setVisible(true); this.setSize(500,300); this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } public static void main(String[] args) { new JButtonDemo01(); } }
- 单选按钮:
效果:package com.kuang.lesson05; import javax.swing.*; import java.awt.*; import java.net.URL; public class JButtonDemo02 extends JFrame { public JButtonDemo02() { Container container = this.getContentPane(); //将一个图片变为图标 URL resource = JButtonDemo01.class.getResource("tx.jpg"); Icon icon = new ImageIcon(resource); //单选框 JRadioButton radioButton1 = new JRadioButton("JRadioButton01"); JRadioButton radioButton2 = new JRadioButton("JRadioButton02"); JRadioButton radioButton3 = new JRadioButton("JRadioButton03"); //由于单选框只能选择一个,分组,一个组中只能选择一个 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.setSize(500,300); this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } public static void main(String[] args) { new JButtonDemo02(); } }
- 复选按钮
package com.kuang.lesson05; import javax.swing.*; import java.awt.*; import java.net.URL; public class JButtonDemo03 extends JFrame { public JButtonDemo03() { Container container = this.getContentPane(); //将一个图片变为图标 URL resource = JButtonDemo01.class.getResource("tx.jpg"); Icon icon = new ImageIcon(resource); //多选框 JCheckBox checkBox01 = new JCheckBox("checkBox01"); JCheckBox checkBox02 = new JCheckBox("checkBox02"); container.add(checkBox01,BorderLayout.NORTH); container.add(checkBox02,BorderLayout.SOUTH); this.setVisible(true); this.setSize(500,300); this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } public static void main(String[] args) { new JButtonDemo03(); } }
3.6、列表
- 下拉框:
package com.kuang.lesson06; 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,350); this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } public static void main(String[] args) { new TestComboboxDemo01(); } }
- 列表框:
效果:package com.kuang.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"}; Vector contents = new Vector(); //列表中需要放入内容 JList jList = new JList(contents); contents.add("zhangsan"); contents.add("lisi"); contents.add("wangwu"); container.add(jList); this.setVisible(true); this.setSize(500,350); this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } public static void main(String[] args) { new TestComboboxDemo02(); } }
- 应用场景
- 下拉框:选择地区,或者一些单个选项!
- 列表框:展示信息,一般是动态扩容!
3.7、文本框
- 文本框:
效果:package com.kuang.lesson06; import javax.swing.*; import java.awt.*; import java.util.Vector; public class TestTextDemo01 extends JFrame { public TestTextDemo01() { Container container = this.getContentPane(); JTextField textField = new JTextField("hello"); JTextField textField2 = new JTextField("world",20); container.add(textField,BorderLayout.NORTH); container.add(textField2,BorderLayout.SOUTH); this.setVisible(true); this.setSize(500,350); this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } public static void main(String[] args) { new TestTextDemo01(); } }
- 密码框:
效果:package com.kuang.lesson06; import javax.swing.*; import java.awt.*; public class TestTextDemo03 extends JFrame { public TestTextDemo03() { Container container = this.getContentPane(); //面板 JPasswordField passwordField = new JPasswordField(); //**** passwordField.setEchoChar('*'); container.add(passwordField); this.setVisible(true); this.setSize(500,350); this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } public static void main(String[] args) { new TestTextDemo03(); } }
- 文本域:
效果:package com.kuang.lesson05; import javax.swing.*; import java.awt.*; public class JScrollDemo extends JFrame { public JScrollDemo(){ Container container = this.getContentPane(); //文本域 JTextArea textArea = new JTextArea(20, 50); textArea.setText("欢迎学习狂神说Java"); //Scroll面板 JScrollPane scrollPane = new JScrollPane(textArea); container.add(scrollPane); this.setVisible(true); this.setBounds(100,100,300,350); this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); } public static void main(String[] args) { new JScrollDemo(); } }
4、贪吃蛇小游戏案例:
-
关键点:
a. 帧,如果时间片足够小,就是动画,一秒30帧 60帧。连起来是动画,拆开就是静态的图片!
b. 键盘监听
c. 定时器 Timer -
项目文件:
-
static 文件夹下的内容:
-
Data代码:
package snake; import javax.swing.*; import java.net.URL; /** * @Author: 58378 * @CreateTime: 2019-12-03 17:04 * @Description:西北大学信科院709 */ public class Data { // 头部的图片: // URL类:获取资源的唯一地址(统一资源定位符!) public static URL headerurl = Data.class.getResource("static/header.png"); public static ImageIcon header = new ImageIcon(headerurl); public static URL upurl = Data.class.getResource("static/up.png"); public static ImageIcon up = new ImageIcon(upurl); public static URL downurl = Data.class.getResource("static/down.png"); public static ImageIcon down = new ImageIcon(downurl); public static URL lefturl = Data.class.getResource("static/left.png"); public static ImageIcon left = new ImageIcon(lefturl); public static URL righturl = Data.class.getResource("static/right.png"); public static ImageIcon right = new ImageIcon(righturl); public static URL foodurl = Data.class.getResource("static/food.png"); public static ImageIcon food = new ImageIcon(foodurl); public static URL bodyurl = Data.class.getResource("static/body.png"); public static ImageIcon body = new ImageIcon(bodyurl); }
小结:主要是定义了一些URL资源类,方便在核心文件中调用!
-
GamePanel(核心代码)
package 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.text.DateFormat; import java.util.Random; /** * @Author: 58378 * @CreateTime: 2019-12-03 17:00 * @Description:西北大学信科院709 */ public class GamePanel extends JPanel implements KeyListener, ActionListener { int length ; //蛇的初始长度 int[] snakeX = new int[600]; //蛇的坐标X int[] snakeY = new int[500]; //蛇的坐标Y String fx ;// R:右 L:左 U:上 D:下 Boolean isStart = false; // 游戏是否开始! Timer timer = new Timer(100, this); int foodx,foody;// 定义一个食物: Random random = new Random(); //定义一个随机数种子 boolean isFail = false; //初始化游戏结束标志! int score; // 积分系统 //构造器: 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(850/25); // 初始化食物坐标x foody = 75 + 25 * random.nextInt(600/25); // 初始化食物坐标y score = 0; //初始化积分! } // 画板:画界面,画蛇 // Graphics 画笔 @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); // 绘制食物所在位置: Data.food.paintIcon(this,g,foodx,foody); // 画一条静态的小蛇(头部) switch (fx){ case "R": Data.right.paintIcon(this, g, snakeX[0], snakeY[0]); break; case "L": Data.left.paintIcon(this, g, snakeX[0], snakeY[0]); break; case "U": Data.up.paintIcon(this, g, snakeX[0], snakeY[0]); break; case "D": Data.down.paintIcon(this, g, snakeX[0], snakeY[0]); break; } // 画一条静态的小蛇(身体!) for (int i = 1; i < length; i++) { Data.body.paintIcon(this, g, snakeX[i], snakeY[i]); //蛇的身体长度通过length来确定!(绝对位置) } // 画积分和长度: g.setColor(Color.white); g.setFont(new Font("微软雅黑", Font.BOLD, 15)); g.drawString("长度:"+length, 750, 35); g.drawString("积分:"+score,750,50); // 游戏提示:是否开始 if(isStart == false){ // 画一个文字:String g.setColor(Color.white); g.setFont(new Font("微软雅黑", Font.BOLD,40)); g.drawString("按下键盘开始游戏",300,350); } // 游戏失败提示! if(isFail == true){ // 画一个文字:String g.setColor(Color.red); g.setFont(new Font("微软雅黑", Font.BOLD, 40)); g.drawString("游戏失败了,按下空格重新开始!", 190, 350); } } // 接收键盘的输入和输出: @Override public void keyPressed(KeyEvent e) { // 键盘按下(未释放): int keyCode = e.getKeyCode(); if(keyCode == KeyEvent.VK_SPACE){ // 如果按下的是空格键 if(isFail == true){ isFail = false; init(); // 重新初始化游戏! }else{ isStart = !isStart; } repaint(); // 刷新界面 } // 键盘控制走向: if(keyCode == KeyEvent.VK_LEFT){ fx = "L"; }else if (keyCode == KeyEvent.VK_RIGHT) { fx = "R"; } else if (keyCode == KeyEvent.VK_UP) { fx = "U"; } else if (keyCode == KeyEvent.VK_DOWN) { fx = "D"; } } @Override public void keyReleased(KeyEvent e) { // 键盘释放: } @Override public void keyTyped(KeyEvent e) { // 键盘按下弹起: } // 定时器,监听时间流动:执行定时操作! @Override public void actionPerformed(ActionEvent e) { // 如果游戏处于开始状态,并且游戏没有失败 if(isStart && isFail==false){ for(int i = length-1;i>0;i--){ snakeX[i] = snakeX[i-1]; snakeY[i] = snakeY[i-1]; } // 向右移动: //snakeX[0] = snakeX[0]+25; // 头部移动 // 通过控制方向让头部移动: switch (fx) { case "R": snakeX[0] = snakeX[0]+25; break; case "L": snakeX[0] = snakeX[0] - 25; break; case "U": snakeY[0] = snakeY[0] - 25; break; case "D": snakeY[0] = snakeY[0] + 25; break; } // 如果小蛇的头和食物的位置坐标重合了 if(snakeX[0] == foodx && snakeY[0] == foody){ length += 1; snakeX[length-1] = snakeX[length-2]; snakeY[length-1] = snakeY[length-2]; score += 10; foodx = 25 + 25 * random.nextInt(850 / 25); // 随机食物坐标x foody = 75 + 25 * random.nextInt(600 / 25); // 随机食物坐标y } // 如果小蛇的头和身体重合了:(则判定为游戏失败!) for(int i=1;i<length;i++){ if(snakeX[0] ==snakeX[i] && snakeY[0]==snakeY[i]){ isFail = true; } } // 边界判断: if(snakeX[0] >= 875){ snakeX[0] = 25; }else if(snakeX[0] < 25){ snakeX[0] = 850; } if(snakeY[0] >= 675){ snakeY[0] = 75; }else if(snakeY[0] < 75){ snakeY[0] = 650; } //刷新界面: repaint(); } timer.start(); // 让定时器动起来 } }
小结:
(1). 定义了绘制图形的基础面板
(2). 定义了相关的画笔,通过画笔来实现绘制静态页面(地图、小蛇、以及食物)
(3). 定义了键盘监听的函数,利用这些函数来重置小蛇的头部临时变量的位置以及游戏的暂停和开始
(4). 实现了Timer()定时器函数,定时器函数在初始声明的时候定义了其执行函数的相关间隔,在第一次调用start后生效。每间指定时长,就会触发 actionPerformed() 函数!并在该函数中修改小蛇的头部以及身体的坐标,判定食物的获取与游戏是否结束等。最终通过调用 repaint() 函数来实现页面的定时(动态)刷新,会去重新调用 paintComponent() 函数。
(5). 将修改数据操作和绘图操作完全分离开来,通过外设诸多的标志位,使得代码结构更为清晰,逻辑功能较为清楚,增添功能更为简单。 -
StartGames 函数:(程序入口)
public class StartGames { public static void main(String[] args) { // 1.绘制一个静态窗口 JFrame JFrame frame = new JFrame("狂神说java-贪吃蛇小游戏"); frame.setBounds(10,10,900,720); // 窗口大小不可以改变: frame.setResizable(false); // 关闭事件:(游戏可以关闭!) frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // 2.面板Panel Container container = frame.getContentPane(); container.add(new GamePanel()); //frame.add(new GamePanel()); //直接这样也可以! // 设置窗口的可见性: frame.setVisible(true); } }
-
存在问题:
(1). 可以加入多人联机对战
(2). 可以增大游戏难度,通过动态减刷新的运行间隔