GUI 编程

Swing和AWT 是java开发GUI常用的技术,但是由于外观不太美观, 组件数量偏少, 并且运行需要JRE环境(动不动就上百M的JRE包….), 所以没有流行起来。但是 ,建议简单的学习和了解。

  1. 组件(JTable,JList等)很多都是MVC的经典示范,学习GUI可以了解mvc架构。
  2. 工作时,有可能遇见需要维护N年前awt/swing写的软件 ,虽然可能性很小。
  3. 可以写一些自己使用用的软件,还是相当的方便。

swing是建立在awt基础上的。有必要学习一下,原因如下:

  • 知识的关联性,比如布局、颜色、字体、事件机制等….这些都是awt里的内容,但在swing里也经常使用到。
  • 学习成本低,因为awt和swing在编码上区别不大,写法基本一致,组件使用上也差不多(只需要记住少数有区别的地方就可以了)。
  • 使用场景存在不同:awt消耗资源少,运行速度快,适合嵌入式等;swing跨平台,组件丰富。

虽然现在用Java做cs的很少,但是对于学习Java基础来说,还是很好的资源,可以利用它把以前的所有知识贯穿起来,做一些小应用、游戏等都可以,可以将自己的一些小想法,做成工具分享出来!

AWT

一、AWT介绍

  • AWT(Abstract Window Toolkit,抽象窗口工具)包括了很多类和接口,用于Java Application的GUI(Graphics User Interface 图形用户界面)编程。
  • GUI的各种元素(如:窗口、按钮、文本框等)由Java类来实现。
  • 使用AWT所涉及的类一般在Java.AWT包及其子包中。
  • Container(容器) 和 Component(组件) 是AWT中的两个核心类。

GUI编程 - 图1
所有的可以显示出来的图形元素都称为Component,Component代表了所有的可见的图形元素。
Component里有一种比较特殊的图形元素叫Container,Container(容器)在图形界面里面是一种可以容纳其它Component元素的一种容器,Container本身也是一种Component,Container里面也可以容纳别的Container。

Container里面又分为Window和Pannel,Window是可以独立显示出来的,平时看到的各种各样的应用程序的窗口都可以称为Window,Window作为一个应用程序窗口独立显示出来。

Pannel也可以容纳其它的图形元素,但一般看不见Pannel,Pannel不能作为应用程序的独立窗口显示出来,Pannel要想显示出来就必须得把自己装入到Window里面才能显示出来。Pannel应用比较典型的就是Applet(JAVA的页面小应用程序),现在基本已经不用了,AJAX和JAVASCRIPT完全取代了它的应用。

Window本身又可以分为Frame和Dialog,Frame就是平时看到的一般的窗口,而Dialog则是需要用户进行某些操作(如点击某个下拉菜单的项)才出现的对话框,这种对话框就是Dialog。

二、组件和容器(Component & Container)

  • Java的图形用户界面的最基本组成部分是Component,Component类及其子类的对象用来描述以图形化的方式显示在屏幕上并能与用户进行交互的GUI元素。例如,一个按钮,一个标签等。
  • 一般的Component对象不能独立地显示出来,必须将 “放在” 某一个Container对象中才可以显示出来。
    • Container是Component的子类,Container子类对象可以 “容纳” 别的Component对象。
    • Container对象可使用add(…)方法向其中添加其他的Component对象。
    • Container是Component的子类,因此Container对象也可以被当作Component对象添加到其他的Container对象中。
    • 有两种常用的Container:
      • Window:其对象表示自由停泊的顶级窗口。
      • Panel:其对象可作为容纳其它Component对象,但不能独立存在,必须被添加到其它Container中(如Window或Applet)

2.1 Fram

  • Frame是Window的子类,由Frame或其子类创建的对象为一个窗体。
  • Frame的常用构造方法:
    • Frame()
    • Frame(String s):创建标题栏为字符串s的窗口
  • Frame的属性方法
    • setBounds(int x,int y,int width,int height):设置窗体位置和大小。x、y是左上角坐标,width、height是宽度和高度。
    • setSize(int width,int height):设置窗体的大小,x、y是左上角坐标。
    • setLocation(int x,int y):设置窗体位置,x、y是左上角坐标。
    • setBackground(Color c):设置背景颜色,参数为Color对象。
    • setVisible(boolean b):设置是否可见。
    • setTitle(String name):设置标题栏。
    • setResizable(boolean b):设置窗体是否可以调整大小。

【Frame范例】

  1. package com.kuang;
  2. import java.awt.*;
  3. //GUI编程编写的第一个图形界面窗口
  4. public class TestFrame {
  5. public static void main(String[] args) {
  6. //只是在内存里面创建了一个窗口对象,还不能真正显示出来
  7. Frame frame = new Frame("我的第一个JAVA图形界面窗口");
  8. //设置窗体的背景颜色
  9. //三个参数分别代表RGB
  10. frame.setBackground(new Color(110, 217, 119));
  11. //设置窗体是否可见
  12. //要想看到在内存里面创建出来的窗口对象,必须调用setVisble()方法,并且把参数true传入才能看得见窗体
  13. //如果传入的参数是false,那窗体就是看不见的
  14. frame.setVisible(true);
  15. //设置窗体的初始大小
  16. frame.setSize(400,400);
  17. //设置窗体出现时的位置,如果不设置则默认在左上角(0,0)位置显示
  18. frame.setLocation(200,200);
  19. // 设置窗体能否被改变大小
  20. // 默认是true,设置为false后表示不能改变窗体的显示大小
  21. // 这里窗体显示的大小设置为200X200,不能再使用鼠标拖大或者缩小
  22. frame.setResizable(false);
  23. }
  24. }

运行结果:
GUI编程 - 图2
发现问题:关闭不掉。
解决方法:停止Java程序的运行

【演示二:展示多个窗口】

  1. package com.kuang;
  2. import java.awt.*;
  3. public class TestMultiFrame {
  4. public static void main(String[] args) {
  5. MyFrame f1 = new MyFrame(100,100,200,200,Color.blue);
  6. MyFrame f2 = new MyFrame(300,100,200,200,Color.yellow);
  7. MyFrame f3 = new MyFrame(100,300,200,200,Color.red);
  8. MyFrame f4 = new MyFrame(300,300,200,200,Color.MAGENTA);
  9. }
  10. }
  11. //自定义一个类MyFrame,并且从Frame类继承,这样自定义类MyFrame类就拥有了Frame类的一切属性和方法,并且MyFrame类还可以自定义属性和方法
  12. //使用从Frame类继承而来的自定义类来创建图形窗口比直接使用Frame类来创建图形窗口要灵活,所以一般使用从Frame类继承而来的自定义类创建图形窗口界面比较好,不推荐直接使用Frame类来创建图形窗口界面
  13. class MyFrame extends Frame{
  14. //定义一个静态成员变量id,用来记录创建出来的窗口的数目
  15. static int id = 0;
  16. //自定义构成方法,在构造方法体内使用super调用父类Frame的构造方法
  17. public MyFrame(int x,int y,int w,int h,Color color){
  18. super("MyFrame"+(++id));
  19. /*使用从父类Frame继承而来的方法设置窗体的相关属性*/
  20. setBackground(color);//设置背景色
  21. setLayout(null);//
  22. setBounds(x,y,w,h);//设置初始位置、大小
  23. setVisible(true);//设置是否可见
  24. }
  25. }

运行结果:
GUI编程 - 图3

2.2 Panel

  • Panel对象可以堪称可以容纳Component的空间
  • Panel对象可以拥有自己的布局管理器
  • Panel类拥有从其父类继承来的方法:
    • setBounds(int x,int y,int width,int height):设置窗体位置和大小。x、y是左上角坐标,width、height是宽度和高度。
    • setSize(int width,int height):设置窗体的大小,x、y是左上角坐标。
    • setLocation(int x,int y):设置窗体位置,x、y是左上角坐标。
    • setBackground(Color c):设置背景颜色,参数为Color对象。
    • setLayout(LayoutManager mgr):设置布局管理器
  • Panel的构造方法为:
    • Panel():使用默认的FlowLayout类布局管理器初始化。
    • Panel(LayoutManager layout):使用指定的布局管理器初始化。

【演示】

  1. package com.wang.gui.awt;
  2. import java.awt.*;
  3. import java.awt.event.WindowAdapter;
  4. import java.awt.event.WindowEvent;
  5. /**
  6. * @Author wangjin
  7. * @Date 2022/04/21 20:30
  8. * @Description
  9. */
  10. //Panel 可以看成是一个空间,但是不能单独存在
  11. public class PanelTest {
  12. public static void main(String[] args) {
  13. Frame frame = new Frame();
  14. Panel panel = new Panel();
  15. //设置布局
  16. frame.setLayout(null);
  17. //设置位置和大小
  18. frame.setBounds(300,300,500,500);
  19. //设置背景颜色
  20. frame.setBackground(new Color(83, 218, 84));
  21. //panel 设置坐标,相对于Frame
  22. panel.setBounds(50,50,400,400);
  23. panel.setBackground(new Color(232, 78, 78));
  24. //frame.add(panel)
  25. frame.add(panel);
  26. //设置可见性
  27. frame.setVisible(true);
  28. //监听事件解决窗口关闭问题
  29. //监听窗口关闭事件 System.exit(0)
  30. //适配器模式
  31. frame.addWindowListener(new WindowAdapter() {
  32. //窗口点击关闭时需要做的事情
  33. @Override
  34. public void windowClosing(WindowEvent e) {
  35. //结束程序
  36. System.exit(0);
  37. }
  38. });
  39. }
  40. }

结果如下:
GUI编程 - 图4

三、布局管理器

  • Java语言中,提供了布局管理器类的对象可以管理
    • 管理Component在Container中的布局,不必直接设置Component的位置和大小。
    • 每个Container都有一个布局管理器对象,当容器需要对某个组件进行定位或判断其大小尺寸时,就会调用其对应的布局管理器,调用Container的setLayout()方法改变其布局管理器对象。
  • AWT提供了5中布局管理器:
    • FlowLayout
    • BorderLayout
    • GridLayout
    • CardLayout
    • GridBagLayout

3.1 第一种布局管理器——FlowLayout

  • FlowLayout时Panel类的默认布局管理器。
    • FlowLayout布局管理器对组件逐行定位,行内从左到右,一行排满后换行。
    • 不改变组件的大小,按组件原有尺寸显示组件,可设置不同组件间距、行距以及对齐方式。
  • FlowLayout布局管理器默认的对齐方式是居中。
  • FlowLayout的构造方法
    • new FlowLayout(FlowLayout.RIGHT,20,40):右对齐,组件之间水平间距20个像素,垂直间距40个像素。
    • new FlowLayout(FlowLayout.LEFT):左对齐,水平和垂直间距为缺省值(5)。
    • new FlowLayout():使用默认的居中对齐方式,水平和垂直间距为缺省值(5)。

【演示】

  1. package com.kuang;
  2. import java.awt.*;
  3. public class TestFlowLayout {
  4. public static void main(String[] args) {
  5. Frame frame = new Frame("FlowLayout");
  6. //使用Button类创建按钮
  7. //按钮类的其中一个构造方法:Button(String label) label为按钮显示的文本
  8. Button button1 = new Button("button1");
  9. Button button2 = new Button("button2");
  10. Button button3 = new Button("button3");
  11. // setLayout方法的定义:public void setLayout(LayoutManager mgr)
  12. // 使用流式布局管理器 - FlowLayout
  13. //默认水平居中
  14. frame.setLayout(new FlowLayout());
  15. //布局时使用FlowLayout.LEFT常量,将按钮设置为左对齐
  16. // frame.setLayout(new FlowLayout(FlowLayout.LEFT));
  17. //布局时使用FlowLayout.RIGHT常量,就将按钮设置为右对齐
  18. // frame.setLayout(new FlowLayout(FlowLayout.RIGHT));
  19. frame.setSize(200,200);
  20. frame.add(button1); // 把创建出来的按钮放置到Frame窗体中
  21. frame.add(button2); // 这里并没有设置按钮的大小与位置
  22. frame.add(button3); // 设置按钮的大小与位置都是由布局管理器来做的
  23. frame.setVisible(true);
  24. }
  25. }

运行结果:
GUI编程 - 图5

3.2 第二种布局管理器——BorderLayout

  • BorderLayout时Frame类的默认布局管理器
  • BorderLayout将整个容器的布局划分成:
    • 东(EAST)
    • 西(WEST)
    • 南(SOUTH)
    • 北(NORTH)
    • 中(CENTER)五个区域,组件只能被添加到指定的区域。
  • 如不指定组件的加入部位,则默认加入到CENTER区。
  • 每个区域只能加入一个组件,如加入多个,则先前加入的会被覆盖。
  • BorderLayout型布局管理器尺寸缩放原则:
    • 北、南两个区域在水平方向缩放。
    • 东、西两个区域在垂直方向缩放。
    • 中部可在两个方向上缩放。
  1. package com.kuang;
  2. import java.awt.*;
  3. public class BorderLayoutTest{
  4. public static void main(String[] args) {
  5. Frame frame = new Frame("BorderLayoutTest");
  6. Button east = new Button("East");
  7. Button west = new Button("West");
  8. Button south = new Button("South");
  9. Button north = new Button("North");
  10. Button center = new Button("Center");
  11. //把按钮放置到Frame窗体时按照东西南北中五个方向排列好,推荐使用这种方式去排列窗体元素
  12. //这样容易检查出错误 因为这样写如果写错了编译器会提示出错
  13. frame.add(east,BorderLayout.EAST);
  14. frame.add(west,BorderLayout.WEST);
  15. frame.add(south,BorderLayout.SOUTH);
  16. frame.add(north,BorderLayout.NORTH);
  17. frame.add(center,BorderLayout.CENTER);
  18. //也可以使用这样的方式排列按钮,在把按钮放置到Frame窗体时使用方向定位的字符串指定按钮的放置位置
  19. //这种使用方向定位的字符串指定按钮的放置方式不推荐使用 一旦写错了方向字符串就不好检查出来
  20. //因为即使是写错了仍然可以编译通过
  21. /*
  22. frame.add(east,"EAST");
  23. frame.add(west,"West");
  24. frame.add(south,"South");
  25. frame.add(north,"North");
  26. frame.add(center,"Center");
  27. */
  28. frame.setSize(200,200);
  29. frame.setVisible(true);
  30. }
  31. }

运行结果:
GUI编程 - 图6

3.3 第三种布局管理器——GridLayout(表格布局管理器)

  • GridLayout型布局管理器将空间划分成规则的矩形网格,每个单元格区域大小相等。组件被添加到每个单元格中,先从左到右填满一行后换行,再从上到下。
  • 在GridLayout构造方法中指定分割的行数和列数:
    • 如:GridLayout(3,4);

【演示】

  1. package com.kuang;
  2. import java.awt.*;
  3. public class GridLayoutTest {
  4. public static void main(String[] args) {
  5. Frame frame = new Frame("GridLayoutTest");
  6. Button btn1 = new Button("btn1");
  7. Button btn2 = new Button("btn2");
  8. Button btn3 = new Button("btn3");
  9. Button btn4 = new Button("btn4");
  10. Button btn5 = new Button("btn5");
  11. Button btn6 = new Button("bnt6");
  12. // 把布局划分成3行2列的表格布局形式
  13. frame.setLayout(new GridLayout(3,2));
  14. frame.add(btn1);
  15. frame.add(btn2);
  16. frame.add(btn3);
  17. frame.add(btn4);
  18. frame.add(btn5);
  19. frame.add(btn6);
  20. // Frame.pack()是JAVA语言的一个函数
  21. // 这个函数的作用就是根据窗口里面的布局及组件的preferredSize来确定frame的最佳大小。
  22. frame.pack();
  23. frame.setVisible(true);
  24. }
  25. }

运行结果:
GUI编程 - 图7

3.4 布局练习

GUI编程 - 图8
这几种布局管理器可以设置在Frame里面,也可以设置在Panel里面,而Panel本身也可以加入到Frame里面,因此通过Frame与Panel的嵌套就可以实现比较复杂的布局;

【演示】

  1. package com.kuang;
  2. import java.awt.*;
  3. public class TestTenButtons {
  4. public static void main(String[] args) {
  5. //对显示窗体进行设置
  6. Frame frame = new Frame("布局管理器的嵌套使用");
  7. //把整个窗体分成2行1列的表格布局
  8. frame.setLayout(new GridLayout(2,1));
  9. frame.setLocation(300,400);
  10. frame.setSize(400,300);
  11. frame.setVisible(true);
  12. frame.setBackground(new Color(204,204,255));
  13. //对Panel进行布局的设置
  14. Panel p1 = new Panel(new BorderLayout());
  15. //p2使用2行1列的表格布局
  16. Panel p2 = new Panel(new GridLayout(2,1));
  17. Panel p3 = new Panel(new BorderLayout());
  18. //p4使用2行2列的表格布局
  19. Panel p4 = new Panel(new GridLayout(2,2));
  20. //这里主要是把按钮元素加入到Panel里面
  21. p1.add(new Button("East-1"),BorderLayout.EAST);
  22. p1.add(new Button("West-1"),BorderLayout.WEST);
  23. p2.add(new Button("p2-btn-1"));
  24. p2.add(new Button("p2-btn-2"));
  25. //p1里面嵌套p2,把p2里面的按钮作为p的中间部分装入到p1里面
  26. //把p2作为元素加入到p1里面
  27. p1.add(p2,BorderLayout.CENTER);
  28. p3.add(new Button("East-2"),BorderLayout.EAST);
  29. p3.add(new Button("West-2"),BorderLayout.WEST);
  30. for(int i=0;i<4;i++){
  31. p4.add(new Button("p4-btn-"+i));
  32. }
  33. //p3里面嵌套p4,把p4里面的按钮作为p的中间部分装入到p3里面
  34. p3.add(p4,BorderLayout.CENTER);
  35. //把Panel装入Frame里面,以便于在Frame窗体中显示出来
  36. frame.add(p1);
  37. frame.add(p3);
  38. //事件监听,实现窗口关闭
  39. frame.addWindowListener(new WindowAdapter() {
  40. @Override
  41. public void windowClosing(WindowEvent e) {
  42. System.exit(0);
  43. }
  44. });
  45. }
  46. }

运行结果 :
GUI编程 - 图9

四、布局管理器总结

  • Frame是一个顶级窗口,Frame的默认布局管理器为BorderLayout。
  • Panel无法单独显示,必须添加到某个容器中。
    • Panel的默认布局管理器为FlowLayout
  • 布局管理器:
    • FlowLayout — 流式布局管理器
    • BorderLayout — 东西南北中布局管理器
    • GridLayout — 表格布局管理器
  • 当把Panel作为一个组件添加到某个容器中后,该Panel仍然可以有自己的布局管理器。
  • 使用布局管理器时,布局管理器负责各个组件的大小和位置,因此用户无法在这种情况下设置组件的大小和位置属性,如果试图使用Java语言的setLocation()setSize()setBounds()等方法,则会被布局管理器覆盖。
  • 如果用户确实需要亲自设置组件大小或位置,则应取消该容器的布局管理器,方法为:
    • setLayout(null);

五、事件监听

GUI编程 - 图10

【测试代码一】

  1. package com.kuang;
  2. import java.awt.*;
  3. import java.awt.event.*;
  4. public class ActionEventTest{
  5. public static void main(String[] args) {
  6. Frame frame = new Frame("TestActionEvent");
  7. Button button = new Button("Press Me");
  8. // 创建一个监听对象
  9. MyActionListener listener = new MyActionListener();
  10. // 把监听加入到按钮里面,监听按钮的动作,
  11. // 当按钮触发打击事件时,就会返回一个监听对象e,然后会自动执行actionPerformed方法
  12. button.addActionListener(listener);
  13. frame.add(button, BorderLayout.CENTER);
  14. frame.pack();
  15. addWindowClosingEvent(frame);
  16. frame.setVisible(true);
  17. }
  18. //点击窗体上的关闭按钮关闭窗体
  19. private static void addWindowClosingEvent(Frame frame){
  20. frame.addWindowListener(new WindowAdapter() {
  21. @Override
  22. public void windowClosing(WindowEvent e) {
  23. System.exit(0);
  24. }
  25. });
  26. }
  27. }
  28. // 自定义Monitor(监听)类实现事件监听接口ActionListener
  29. // 一个类要想成为监听类,那么必须实现ActionListener接口
  30. class MyActionListener implements ActionListener{
  31. //重写ActionListener接口里面的actionPerformed(ActionEvent e)方法
  32. @Override
  33. public void actionPerformed(ActionEvent e) {
  34. System.out.println("A Button has been Pressed");
  35. }
  36. }

GUI编程 - 图11

点击窗口Press Me按钮,触发事件,点击窗口关闭按钮可以实现窗口的关闭。
GUI编程 - 图12

【测试代码二】
多个按钮共用同一个监听事件

  1. package com.kuang;
  2. import java.awt.*;
  3. import java.awt.event.ActionEvent;
  4. import java.awt.event.ActionListener;
  5. public class ActionEventTest02 {
  6. public static void main(String[] args) {
  7. Frame frame = new Frame("ActionEventTest");
  8. Button btn1 = new Button("start");
  9. Button btn2 = new Button("stop");
  10. //创建监听对象
  11. MyMonitor monitor = new MyMonitor();
  12. //一个监听对象同时监听两个按钮的动作
  13. btn1.addActionListener(monitor);
  14. btn2.addActionListener(monitor);
  15. //可以显示设置btn2的执行单击命令后的返回信息,如果不显示定义,则会返回默认信息
  16. //可以多个按钮只写一个事件监听类
  17. btn2.setActionCommand("GameOver");
  18. frame.add(btn1,BorderLayout.NORTH);
  19. frame.add(btn2,BorderLayout.CENTER);
  20. frame.pack();
  21. frame.setVisible(true);
  22. }
  23. }
  24. class MyMonitor implements ActionListener{
  25. @Override
  26. public void actionPerformed(ActionEvent e) {
  27. //使用返回的监听对象e调用getActionCommand()方法获取两个按钮执行单击命令后的返回信息,根据返回信息的不同区分当前操作的是哪一个按钮
  28. //btn1没有使用setActionCommand()方法设置,则btn1返回的信息就是按钮上显示的文本
  29. System.out.println("a button has been pressed,"+"the relative info is:\n"
  30. + e.getActionCommand());
  31. }
  32. }

GUI编程 - 图13

分别点击start按钮和stop按钮出发监听事件,点击关闭窗口按钮实现窗口的关闭。
GUI编程 - 图14

六、TexField事件监听

  • TexField对象可能发生Action(光标在文本框内敲回车)事件。与该事件对应的事件类是 java.awt.event.ActionEvent
  • 用来处理 ActionEvent 事件是实现了 java.awt.event.ActionListener 接口的类的对象。ActionListener接口定义有方法:
    • public void actionPerformed(ActionEvent e)
  • 实现该接口的类要在该方法中添加处理该事件(Action)的语句。
  • 实现 addActionListener(ActionListener I)方法为TexField对象注册一个ActionListener对象,当TexField对象发生Action事件时,会生成一个ActionEvent对象,该对象作为参数传递给ActionListener对象的actionPerformed方法在方法中可以获取该对象的信息,并做相应的处理。
  1. package com.kuang;
  2. import java.awt.*;
  3. import java.awt.event.ActionEvent;
  4. import java.awt.event.ActionListener;
  5. public class TextFieldTest{
  6. public static void main(String[] args) {
  7. new MyFrameTextField();
  8. }
  9. }
  10. class MyFrameTextField extends Frame{
  11. MyFrameTextField(){
  12. TextField textField = new TextField();
  13. add(textField);
  14. textField.addActionListener(new MyMonitor2());
  15. //setEchoChar()方法:设置文本框输入时显示的字符,这里设置为*,
  16. //这样输入任何内容就都以*显示出来,不过打印出来时依然可以看到输入的内容
  17. textField.setEchoChar('*');
  18. setVisible(true);
  19. pack();
  20. }
  21. }
  22. class MyMonitor2 implements ActionListener{
  23. //接口里面的所有方法都是public(公共的)
  24. //从API文档复制void actionPerformed(ActionEvent e)时,要在void前面加上public
  25. @Override
  26. public void actionPerformed(ActionEvent e) {
  27. //事件的相关信息都封装在了对象e里面,通过对象e的相关方法可以获取事件的相关信息
  28. //getSource()方法:拿到事件源,获得一些资源,返回一个对象
  29. //注意:拿到这个事件源时,把它当作TextField的父类来对待
  30. //getSource()方法的定义是:“public Object getSource()”返回值是一个Object对象
  31. //所以要强制转换成TextField类型的对象
  32. //在一个类里面想访问另一个类的事件源对象可以通过getSource()方法
  33. TextField textField = (TextField) e.getSource();
  34. // textField.getText()是取得文本框里面的内容
  35. System.out.println(textField.getText());
  36. // 把文本框里面的内容清空
  37. textField.setText("");
  38. }
  39. }

GUI编程 - 图15

GUI编程 - 图16

GUI编程 - 图17

【使用TextField类实现简单的计算器】

  1. package com.kuang2;
  2. import java.awt.*;
  3. import java.awt.event.ActionEvent;
  4. import java.awt.event.ActionListener;
  5. public class TestMath {
  6. public static void main(String[] args) {
  7. new Calculator();
  8. }
  9. }
  10. //主要是完成计算器元素的布局
  11. class Calculator extends Frame{
  12. Calculator(){
  13. //创建3个文本框,并指定其初始大小分别为10个字符和15个字符的大小
  14. //使用的是TextField类的另外一种构造方法:public TextField(int columns)
  15. TextField num1 = new TextField(10);
  16. TextField num2 = new TextField(10);
  17. TextField num3 = new TextField(15);
  18. //创建等号按钮
  19. Button btnEqual = new Button("=");
  20. //给等号按钮加上监听,让点击按钮后有响应事件发生
  21. btnEqual.addActionListener(
  22. new MyMonitor(num1, num2, num3)
  23. );
  24. //“+”是一个静态文本,所以使用Label类创建一个静态文本对象
  25. Label lblPlus = new Label("+");
  26. //把Frame默认的BorderLayout布局改成FlowLayout布局
  27. setLayout(new FlowLayout());
  28. add(num1);
  29. add(lblPlus);
  30. add(num2);
  31. add(btnEqual);
  32. add(num3);
  33. pack();
  34. setVisible(true);
  35. }
  36. }
  37. class MyMonitor implements ActionListener{
  38. //为了使对按钮的监听能够对文本框也起作用,在自定义类MyMonitor里面定义三个TextField类型的对象 num1,num2,num3,
  39. //并且定义了MyMonitor类的一个构造方法,构造方法带有三个TextField类型的参数,用于接收从TFFrame类传递过来的三个TextField类型的参数
  40. //然后把接收到的三个TextField类型的参数赋值给在本类中声明的三个TextField类型的参数num1,num2,num3,再在actionPerformed()方法里面处理num1,num2,num3
  41. TextField num1, num2, num3;
  42. public MyMonitor(TextField num1, TextField num2, TextField num3) {
  43. this.num1 = num1;
  44. this.num2 = num2;
  45. this.num3 = num3;
  46. }
  47. //事件的相关信息都封装在了对象e里面,通过对象e的相关方法就可以获取事件的相关信息
  48. @Override
  49. public void actionPerformed(ActionEvent e) {
  50. // num对象调用getText()方法取得显示的文本字符串
  51. int n1 = Integer.parseInt(num1.getText());
  52. int n2 = Integer.parseInt(num2.getText());
  53. //num3对象调用setText()方法设置自己的显示文本
  54. //字符串与任意类型的数据使用“+”连接时得到的一定是字符串,这里使用一个空字符串与int类型的数连接,就可以直接把(n1+n2)得到的int类型的数隐式地转换成字符串了,这是一种把别的基本数据类型转换成字符串的一个小技巧。
  55. //也可使用“String.valueOf((n1+n2))”把(n1+n2)的和转换成字符串
  56. num3.setText("" + (n1 + n2));
  57. //num3.setText(String.valueOf((n1+n2)));
  58. //计算结束后清空num1,num2文本框里面的内容
  59. num1.setText("");
  60. num2.setText("");
  61. }
  62. }

GUI编程 - 图18

GUI编程 - 图19
【JAVA里面的经典用法:在一个类里面持有另外一个类的引用】
完全改造成面向对象写法

  1. package com.kuang2;
  2. import java.awt.*;
  3. import java.awt.event.ActionEvent;
  4. import java.awt.event.ActionListener;
  5. public class TestMath1 {
  6. public static void main(String[] args) {
  7. new Calculator().launchFrame();
  8. }
  9. }
  10. //做好计算器的窗体界面
  11. class Calculator extends Frame {
  12. //把设计计算器窗体的代码封装成一个方法
  13. TextField num1, num2, num3;
  14. public void launchFrame() {
  15. num1 = new TextField(10);
  16. num2 = new TextField(10);
  17. num3 = new TextField(15);
  18. Label lblPlus = new Label("+");
  19. Button btnEqual = new Button("=");
  20. btnEqual.addActionListener(new MyMonitorbtnEqual(this));
  21. setLayout(new FlowLayout());
  22. add(num1);
  23. add(lblPlus);
  24. add(num2);
  25. add(btnEqual);
  26. add(num3);
  27. pack();
  28. setVisible(true);
  29. }
  30. }
  31. //通过取得Calculator2类的引用,然后使用这个引用去访问Calculator2类里面的成员变量
  32. //这种做法比上一种直接去访问Calculator2类里面的成员变量要好得多
  33. //因为现在不需要知道 Calculator2类里面有哪些成员变量了,现在要访问Calculator2类里面的成员变量,直接使用 Calculator2类对象的引用去访问即可
  34. //这个Calculator2类的对象好比是一个大管家, 而我告诉大管家,我要访问Calculator2类里面的那些成员变量,大管家的引用就会去帮我找,不再需要我自己去找了。
  35. //这种在一个类里面持有另一个类的引用的用法是一种非常典型的用法,使用获取到的引用就可以在一个类里面访问另一个类的所有成员了
  36. class MyMonitorbtnEqual implements ActionListener {
  37. Calculator2 calculator2 = null;
  38. public MyMonitorbtnEqual(Calculator2 calculator2) {
  39. this.calculator2 = calculator2;
  40. }
  41. @Override
  42. public void actionPerformed(ActionEvent e) {
  43. int n1 = Integer.parseInt(calculator2.num1.getText());
  44. int n2 = Integer.parseInt(calculator2.num2.getText());
  45. calculator2.num3.setText("" + (n1 + n2));
  46. calculator2.num1.setText("");
  47. calculator2.num2.setText("");
  48. }
  49. }

结果:
GUI编程 - 图20

GUI编程 - 图21

七、内部类

  • 好处:
    • 可以方便的访问包装类的成员
    • 可以更清楚的组织逻辑,防止不应该被其他类访问的类进行访问
  • 何时使用:
    • 该类不允许或不需要其它类进行访问时

【内部类的使用范例】

  1. package com.kuang2;
  2. import java.awt.*;
  3. import java.awt.event.*;
  4. public class TestMath3 {
  5. public static void main(String args[]) {
  6. new MyMathFrame().launchFrame();
  7. }
  8. }
  9. class MyMathFrame extends Frame {
  10. TextField num1, num2, num3;
  11. public void launchFrame() {
  12. num1 = new TextField(10);
  13. num2 = new TextField(15);
  14. num3 = new TextField(15);
  15. Label lblPlus = new Label("+");
  16. Button btnEqual = new Button("=");
  17. btnEqual.addActionListener(new MyMonitor());
  18. setLayout(new FlowLayout());
  19. add(num1);
  20. add(lblPlus);
  21. add(num2);
  22. add(btnEqual);
  23. add(num3);
  24. pack();
  25. setVisible(true);
  26. }
  27. /*
  28. * 这个MyMonitor类是内部类,它在MyFrame类里面定义MyFrame类称为MyMonitor类的包装类
  29. */
  30. /*
  31. * 使用内部类的好处:
  32. * 第一个巨大的好处就是可以畅通无阻地访问外部类(即内部类的包装类)的所有成员变量和方法
  33. * 如:这里在MyFrame类(外部类)定义的三个成员变量num1,num2,num3,在MyMonitor(内部类)里面就可以直接访问
  34. * 这相当于在创建外部类对象时内部类对象默认就拥有了一个外部类对象的引用
  35. */
  36. private class MyMonitor implements ActionListener {
  37. public void actionPerformed(ActionEvent e) {
  38. int n1 = Integer.parseInt(num1.getText());
  39. int n2 = Integer.parseInt(num2.getText());
  40. num3.setText("" + (n1 + n2));
  41. num1.setText("");
  42. num2.setText("");
  43. }
  44. }
  45. }

内部类带来的巨大好处是:

  1. 可以很方便地访问外部类定义的成员变量和方法
  2. 当某一个类不需要其他类访问的时候就把这个类声明为内部类。

八、Graphics类

每个Component都有一个paint(Graphics g)用于实现绘图目的,每次重画该Component时都自动调用paint方法。
Graphics类中提供了许多绘图方法,如:
GUI编程 - 图22

【测试代码】

  1. package com.kuang3;
  2. import java.awt.*;
  3. public class TestPaint {
  4. public static void main(String[] args) {
  5. new MyPaint().launchFrame();
  6. //在main()方法里面并没有显示调用paint(Graphics g)方法,可是当创建出Frame窗体后却可以看到Frame窗体上画出了圆和矩形,这是因为paint()方法是一个比较特殊的方法
  7. //在创建Frame窗体时会自动隐式调用,当我们把Frame窗体最小化再次打开时,会再次调用paint()方法重新把圆和矩形在Frame窗体上画出来,即每次需要重画Frame窗体的时候就会自动调用paint()方法
  8. }
  9. }
  10. class MyPaint extends Frame{
  11. public void launchFrame(){
  12. setBounds(200,200,600,500);
  13. setVisible(true);
  14. }
  15. public void paint(Graphics g){
  16. //paint(Graphics g)方法有一个Graphics类型的参数g
  17. //可以把这个g当作是一个画家,这个画家手里拿着一只画笔,我们通过设置画笔的颜色与形状来画出我们想要的各种各样的图像
  18. /*设置画笔的颜色*/
  19. g.setColor(Color.red);
  20. g.drawOval(100, 100, 100, 100);//画一个红色空心圆
  21. g.fillOval(100, 300, 100, 100);//画一个红色实心圆
  22. g.setColor(Color.green);
  23. g.fillRect(300,300,100,100);//画一个绿色实心圆
  24. //这下面的两行代码是为了写程序的良好编程习惯而写的
  25. //前面设置了画笔的颜色,现在就应该把画笔的初始颜色恢复过来
  26. //就相当于是画家用完画笔之后把画笔上的颜色清理掉一样
  27. Color c = g.getColor();
  28. g.setColor(c);
  29. }
  30. }

GUI编程 - 图23

九、鼠标事件适配器

  • 抽象类java.awt.event.MouseAdapter实现了MouseListener接口,可以使用其子类作为MouseEvent的监听器,只要重写其相应的方法即可。
  • 对于其他的监听器,也有对应的适配器。
  • 适用适配器可以避免监听器定义没有必要的空方法。

【测试代码:实现鼠标画点】

  1. package com.wang.gui.awt;
  2. import java.awt.*;
  3. import java.awt.event.MouseAdapter;
  4. import java.awt.event.MouseEvent;
  5. import java.util.ArrayList;
  6. import java.util.Iterator;
  7. //鼠标监听事件
  8. public class MouseListenerTest {
  9. public static void main(String[] args) {
  10. new MyFrame1("画图");
  11. }
  12. }
  13. //自己的类
  14. class MyFrame1 extends Frame {
  15. //画画需要画笔,需要监听鼠标当前的位置,需要集合来存储这个点
  16. ArrayList points;
  17. public MyFrame1(String title) {
  18. super(title);
  19. setBounds(200, 200, 400, 300);
  20. //存鼠标点击的点
  21. points = new ArrayList<>();
  22. setVisible(true);
  23. //鼠标监听器,针对这个窗口
  24. this.addMouseListener(new MyMouseListener());
  25. }
  26. @Override
  27. public void paint(Graphics g) {
  28. //画画,监听鼠标事件
  29. Iterator iterator = points.iterator();
  30. while (iterator.hasNext()) {
  31. Point point = (Point) iterator.next();
  32. g.setColor(Color.BLUE);
  33. g.fillOval(point.x, point.y, 10, 10);
  34. }
  35. }
  36. //添加一个点到界面上
  37. public void addPoint(Point point) {
  38. points.add(point);
  39. }
  40. //适配器模式
  41. private class MyMouseListener extends MouseAdapter {
  42. //鼠标三种情况:按下、弹起、按住不放
  43. @Override
  44. public void mousePressed(MouseEvent e) {
  45. MyFrame1 myFrame1 = (MyFrame1) e.getSource();
  46. //鼠标点击,就会在界面上出现一个点
  47. //这个点就是鼠标的点
  48. myFrame1.addPoint(new Point(e.getX(), e.getY()));
  49. //每次点击鼠标都需要重画一遍,执行一次刷新一遍
  50. myFrame1.repaint();
  51. }
  52. }
  53. }

GUI编程 - 图24

分析:
GUI编程 - 图25

十、窗口事件

  • 窗口事件所对应的事件类为WindowEvent,所对应的事件监听接口为WindowListener。
  • WindowListener定义的方法有:
    • public void windowOpened(WindowEvent e)
    • public void windowClosing(WindowEvent e)
    • public void windowClosed(WindowEvent e)
    • public void windowIconified(WindowEvent e)
    • public void windowDeiconified(WindowEvent e)
    • public void windowActivated(WindowEvent e)
    • public void windowDeactivated(WindowEvent e)
  • 与WindowListener对应的适配器为WindowAdapter。 ```java package com.kuang3;

import java.awt.; import java.awt.event.;

public class TestWindowClose{ public static void main(String args[]){ new WindowFrame(“关闭WindowFrame”); } }

class WindowFrame extends Frame{ public WindowFrame(String s){ super(s); setBounds(200,200,400,300); setLayout(null); setBackground(new Color(204,204,255)); setVisible(true); this.addWindowListener(new WindowMonitor()); /监听本窗体的动作,把所有的动作信息封装成一个对象传递到监听类里面/

  1. this.addWindowListener(
  2. /*在一个方法里面定义一个类,这个类称为局部类,也叫匿名的内部类,这里的{……代码……}里面的代码很像一个类的类体,只不过这个类没有名字,所以叫匿名类。
  3. 在这里是把这个匿名类当成WindowAdapter类来使用,这样写的本质意义是相当于这个匿名类从WindowAdapter类继承,现在new了一个匿名类的对象出来,然后把这个对象当成WindowAdapter来使用,这个匿名类出了()就没有人认识了*/
  4. new WindowAdapter(){
  5. public void windowClosing(WindowEvent e){
  6. setVisible(false);
  7. System.exit(-1);
  8. }
  9. }
  10. );

}

/这里也是将监听类定义为内部类/ class WindowMonitor extends WindowAdapter{ /WindowAdapter(Window适配器)类实现了WindowListener监听接口,重写了WindowListener接口里面的所有方法。 如果直接使用自定义WindowMonitor类去实现WindowListener接口,就得要重写WindowListener接口里面的所有方法,但现在只需要用到这些方法里面的其中一个方法,所以采用继承实现WindowListener监听接口的一个子类并重写这个子类里面需要用到的方法即可。 这种做法比直接实现WindowListener监听接口要重写很多个用不到的方法要简洁方便得多。 /

  1. /*重写需要用到的windowClosing(WindowEvent e)方法*/
  2. public void windowClosing(WindowEvent e){
  3. setVisible(false);/*将窗体设置为不显示,即可实现窗体关闭*/
  4. System.exit(0);/*正常退出*/
  5. }

} }

  1. <a name="63ea9634"></a>
  2. ### 十一、键盘响应事件
  3. 【键盘响应事件——KeyEvent】
  4. ```java
  5. package com.kuang3;
  6. import java.awt.*;
  7. import java.awt.event.*;
  8. public class TestKeyEvent{
  9. public static void main(String args[]){
  10. new KeyFrame("键盘响应事件");
  11. }
  12. }
  13. class KeyFrame extends Frame{
  14. public KeyFrame(String s){
  15. super(s);
  16. setBounds(200,200,400,300);
  17. setLayout(null);
  18. setVisible(true);
  19. addKeyListener(new KeyMonitor());
  20. }
  21. /*把自定义的键盘监听类定义为内部类,这个监听类从键盘适配器KeyAdapter类继承。
  22. 从KeyAdapter类继承是为了简洁方便,只需要重写用到的方法即可。这种做法比直接实现KeyListener接口要简单方便,如果直接实现KeyListener接口,就要把KeyListener接口里面的所有方法重写一遍。但真正用到的只有一个方法,这样重写其他的方法但又用不到难免会做无用功*/
  23. class KeyMonitor extends KeyAdapter{
  24. public void keyPressed(KeyEvent e){
  25. int keycode = e.getKeyCode();
  26. /*使用getKeyCode()方法获取按键的虚拟码*/
  27. /*如果获取到的键的虚拟码等于up键的虚拟码,则表示当前按下的键是up键。
  28. KeyEvent.VK_UP表示取得up键的虚拟码
  29. 键盘中的每一个键都对应一个虚拟码,这些虚拟码在KeyEvent类里被定义为静态常量,所以可以使用“类名.静态常量名”的形式访问得到这些静态常量*/
  30. if(keycode == KeyEvent.VK_UP){
  31. System.out.println("你按的是up键");
  32. }
  33. }
  34. }
  35. }
  36. /*
  37. 键盘的处理事件是这样的:每一个键都对应一个虚拟码,当按下某一个键时,系统就会去找这个键对应的虚拟码,以此来确定当前按下的是哪个键
  38. */

Swing

Swing是GUI(图形用户界面)开发工具包,想深入学习的可查阅有关资料或图书,比如《Java Swing图形界面开发与案例详解》——清华大学出版社。

早期的AWT(抽象窗口工具包)组件开发的图形用户界面,要依赖本地系统,当把AWT组件开发的应用程序移植到其他平台的系统上运行时,不能保证其外观风格,因此AWT是依赖于本地系统平台的。而使用Swing开发的Java应用程序,其界面是不受本地系统平台限制的,即Swing开发的Java应用程序移植到其他系统平台上时,其界面外观是不会改变的。

但要注意的是,虽然Swing提供的组件可以方便开发Java应用程序,但是Swing并不能取代AWT,在开发Swing程序时通常要借助与AWT的一些对象来共同完成应用程序的设计。

一、常用窗体

  1. Swing窗体是Swing的一个组件,同时也是创建图形化用户界面的容器,可以将其它组件放置在窗体容器中。

1.1 JFrame框架窗体

  1. JFrame窗体是一个容器,在Swing开发中经常要用到,它是Swing程序中各个组件的载体。<br /> 语法格式如下:
  1. JFrame jf = new JFrame(title);
  1. 当然,在开发中更常用的方式是通过继承`java.swing.JFrame`类创建一个窗体,可通过this关键字调用其方法。<br /> JFrame对象创建完成后,需要调用`getContentPane()方法`将窗体转换为容器,然后在容器中添加组件或设置布局管理器,通常这个容器用来包含和显示组件。如果需要将组件添加至容器,可以使用来自Container类的`add()方法`进行设置。

【下面举一个JFrame窗体的例子】

  1. package com.kuang4;
  2. import javax.swing.JFrame;
  3. import javax.swing.WindowConstants;
  4. public class JFrameDemo {
  5. public void CreateJFrame() {
  6. // 实例化一个JFrame对象
  7. JFrame jf = new JFrame("这是一个JFrame窗体");
  8. // 设置窗体可视
  9. jf.setVisible(true);
  10. // 设置窗体大小
  11. jf.setSize(100100500, 600);
  12. // 设置窗体关闭方式
  13. jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  14. }
  15. public static void main(String[] args) {
  16. new JFrameDemo().CreateJFrame(); // 调用CreateJFrame()方法
  17. }
  18. }

结果:

GUI编程 - 图26

这就是一个500*600的窗体,用的是setSize()方法;
标题为“这是一个JFrame窗体”,在实例化对象时就可以定义;
窗体关闭方式见窗体右上角为“EXIT_ON_CLOSE”;
窗体可视setVisible()方法中的参数为“false”或不写setVisible()方法时,此窗体不可见。

常用的窗体关闭方式有四种:

  • DO_NOTHING_ON_CLOSE :什么也不做就将窗体关闭;
  • DISPOSE_ON_CLOSE”:任何注册监听程序对象后会自动隐藏并释放窗体;
  • HIDE_ON_CLOSE”: 隐藏窗口的默认窗口关闭;
  • EXIT_ON_CLOSE:退出应用程序默认窗口关闭。

【下面再举一个用继承JFrame的方式编写的代码,并加入Container容器及JLabel标签(后面会提到),来看一下具体的流程。】

  1. package com.kuang4;
  2. import java.awt.Color;
  3. import java.awt.Container;
  4. import javax.swing.JFrame;
  5. import javax.swing.JLabel;
  6. import javax.swing.SwingConstants;
  7. import javax.swing.WindowConstants;
  8. public class JFrameDemo2 extends JFrame{
  9. public void init() {
  10. // 可视化
  11. this.setVisible(true);
  12. // 大小
  13. this.setSize(500, 350);
  14. // 标题
  15. this.setTitle("王车车");
  16. // 关闭方式
  17. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  18. // 创建一个JLabel标签
  19. JLabel jl = new JLabel("欢迎来到我的世界!");
  20. // 使标签文字居中
  21. jl.setHorizontalAlignment(SwingConstants.CENTER);
  22. // 获取一个容器
  23. Container container = this.getContentPane();
  24. // 将标签添加至容器
  25. container.add(jl);
  26. // 设置容器背景颜色
  27. container.setBackground(Color.YELLOW);
  28. }
  29. public static void main(String[] args) {
  30. new JFrameDemo2().init();
  31. }
  32. }

运行结果:
GUI编程 - 图27
这里继承了JFrame类,所以方法中实现时用this关键字即可(或直接实现,不加this)。

1.2 JDialog弹窗

  1. JDialog窗体是Swing组件中的对话框,继承了AWT组件中的`java.awt.Dialog`类。功能是从一个窗体中弹出另一个窗体。

【下面来看一个实例】

  1. package com.kuang4;
  2. import java.awt.Container;
  3. import java.awt.event.ActionEvent;
  4. import java.awt.event.ActionListener;
  5. import javax.swing.JButton;
  6. import javax.swing.JDialog;
  7. import javax.swing.JFrame;
  8. import javax.swing.JLabel;
  9. import javax.swing.WindowConstants;
  10. // 继承JDialog类
  11. public class JDialogDemo extends JDialog {
  12. // 实例化一个JDialog类对象,指定其父窗体、窗口标题和类型
  13. public JDialogDemo() {
  14. super(new MyJFrame(), "这是一个JDialog窗体", true);
  15. Container container = this.getContentPane();
  16. container.add(new JLabel("王车车爱学习!"));
  17. this.setSize(500, 350);
  18. }
  19. public static void main(String[] args) {
  20. new JDialogDemo();
  21. }
  22. }
  23. // 下面这部分内容包含监听器,可自行查阅资料
  24. class MyJFrame extends JFrame {
  25. public MyJFrame() {
  26. this.setVisible(true);
  27. this.setSize(700, 500);
  28. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  29. Container container = this.getContentPane();
  30. container.setLayout(null);
  31. JButton jb = new JButton("点击弹出对话框"); // 创建按钮
  32. jb.setBounds(30, 30, 200, 50); // 按钮位置及大小
  33. jb.addActionListener(new ActionListener() { // 监听器,用于监听点击事件
  34. @Override
  35. public void actionPerformed(ActionEvent e) {
  36. new JDialogDemo().setVisible(true);
  37. }
  38. });
  39. container.add(jb);
  40. }
  41. }

当点击按钮时,触发点击事件,创建一个JDialog的实例化对象,弹出一个窗口。
GUI编程 - 图28
这里出现了许多之前学过的知识,比如super关键字,相当于使用了JDialog(Frame f, String title,boolean model)形式的构造方法;监听器的实现就是一个匿名内部类,之前也提到过。

二、标签组件

  1. Swing中显示文本或提示信息的方法是使用标签,它支持文本字符串和图标。上面我们提到的JLabel就是这里的内容。

2.1 标签

标签由JLabel类定义,可以显示一行只读文本、一个图像或带图像的文本。

JLabel类提供了许多构造方法,可查看API选择需要的使用,如显示只有文本的标签、只有图标的标签或包含文本与图标的标签等。因为上面已经出现过了,这里就不再举例了。常用语法格式如下,创建的是一个不带图标和文本的JLabel对象:

  1. JLabel jl = new JLabel();

GUI编程 - 图29

2.2 图标

Swing中的图标可以放置在按钮、标签等组件上,用于描述组件的用途。图标可以用Java支持的图片文件类型进行创建,也可以使用java.awt.Graphics类提供的功能方法来创建。
在Swing中通过Icon接口来创建图标,可以在创建时给定图标的大小、颜色等特性。

注意,Icon是接口,在使用Icon接口的时候,必须实现Icon接口的三个方法:

  1. public int getIconHeight()
  2. public int getIconWidth()
  3. public void paintIcon(Component arg0, Graphics arg1, int arg2, int arg3)
  4. //前两个方法用于获取图片的长宽
  5. //paintIcon()方法用于实现在指定坐标位置画图。

下面看一个用Icon接口创建图标的实例:

  1. package com.kuang4;
  2. import java.awt.Component;
  3. import java.awt.Container;
  4. import java.awt.Graphics;
  5. import javax.swing.Icon;
  6. import javax.swing.JFrame;
  7. import javax.swing.JLabel;
  8. import javax.swing.SwingConstants;
  9. import javax.swing.WindowConstants;
  10. public class IconDemo extends JFrame implements Icon {
  11. private int width; // 声明图标的宽
  12. private int height; // 声明图标的长
  13. public IconDemo() {} // 定义无参构造方法
  14. public IconDemo(int width, int height) { // 定义有参构造方法
  15. this.width = width;
  16. this.height = height;
  17. }
  18. @Override
  19. public int getIconHeight() { // 实现getIconHeight()方法
  20. return this.height;
  21. }
  22. @Override
  23. public int getIconWidth() { // 实现getIconWidth()方法
  24. return this.width;
  25. }
  26. @Override
  27. public void paintIcon(Component arg0, Graphics arg1, int arg2, int arg3)
  28. { // 实现paintIcon()方法
  29. arg1.fillOval(arg2, arg3, width, height); // 绘制一个圆形
  30. }
  31. public void init() { // 定义一个方法用于实现界面
  32. IconDemo iconDemo = new IconDemo(15, 15); // 定义图标的长和宽
  33. JLabel jb = new JLabel("icontest", iconDemo, SwingConstants.CENTER);
  34. // 设置标签上的文字在标签正中间
  35. Container container = getContentPane();
  36. container.add(jb);
  37. this.setVisible(true);
  38. this.setSize(500, 350);
  39. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  40. }
  41. public static void main(String[] args) {
  42. new IconDemo().init();
  43. }
  44. }

运行结果如下:
GUI编程 - 图30

这样如果需要在窗体中使用图标,就可以用如下代码创建图标:

  1. IconDemo iconDemo = new IconDemo(15, 15);

2.3 图片图标

Swing中的图标除了可以绘制之外,还可以使用某个特定的图片创建。利用javax.swing.ImageIcon类根据现有图片创建图标。

下面看一个实例,先在包下放一个图片(注意放置位置,不同位置路径不同),如下:
GUI编程 - 图31

【下面是实现的代码】

  1. package com.kuang4;
  2. import java.awt.Container;
  3. import java.net.URL;
  4. import javax.swing.Icon;
  5. import javax.swing.ImageIcon;
  6. import javax.swing.JFrame;
  7. import javax.swing.JLabel;
  8. import javax.swing.SwingConstants;
  9. import javax.swing.WindowConstants;
  10. public class ImageIconDemo extends JFrame {
  11. public ImageIconDemo() {
  12. JLabel jl = new JLabel("这是一个JFrame窗体,旁边是一个图片");
  13. URL url = ImageIconDemo.class.getResource("tx-old.jpg"); //获得图片所在URL
  14. Icon icon = new ImageIcon(url); // 实例化Icon对象
  15. jl.setIcon(icon); // 为标签设置图片
  16. jl.setHorizontalAlignment(SwingConstants.CENTER);
  17. jl.setOpaque(true); // 设置标签为不透明状态
  18. Container container = getContentPane();
  19. container.add(jl);
  20. setVisible(true);
  21. setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  22. setSize(500, 350);
  23. }
  24. public static void main(String[] args) {
  25. new ImageIconDemo();
  26. }
  27. }

GUI编程 - 图32
对于图片标签,我们经常将图片放置在标签上,用JLabel中的setIcon()方法即可,当然也可以在初始化JLabel对象时为标签指定图标,这需要获取一个Icon实例。

而getResource()方法可以获得资源文件的URL路径,这里的路径是相对于前面的那个类的,所以可将该图片与该类放在同一个文件夹下;如果不在同一个文件夹下,需通过其它方法获取路径。

三、布局管理器

Swing中,每个组件在容器中都有一个具体的位置和大小,在容器中摆放各自组件时很难判断其具体位置和大小,这里我们就要引入布局管理器了,它提供了基本的布局功能,可以有效的处理整个窗体的布局。常用的布局管理器包括流布局管理器、边界布局管理器、网格布局管理器等。

3.1 绝对布局

绝对布局在上一篇的例子中已经出现过了,是硬性指定组件在容器中的位置和大小,可以使用绝对坐标的方式来指定组件的位置。步骤如下:

  1. 使用Container.setLayout(null)方法取消布局管理器
  2. 使用Container.setBounds()方法设置每个组件的位置和大小

【举一个简单的例子】

  1. Container container = getContentPane(); // 创建容器
  2. JButton jb = new JButton("按钮"); // 创建按钮
  3. jb.setBounds(10, 30, 100, 30); // 设置按钮位置和大小
  4. container.add(jb); // 将按钮添加到容器中

setBounds()方法中,前两个参数是位置的xy坐标,后两个参数是按钮的长和宽。

3.2 流布局管理器

流布局管理器是布局管理器中最基本的布局管理器,使用FlowLayout类,像“流”一样从左到右摆放组件,直到占据了这一行的所有空间,再向下移动一行。组件在每一行的位置默认居中排列,要更改位置可自行设置。

在FlowLayout的有参构造方法中,alignment设置为0时,每一行的组件将被指定左对齐排列;当alignment被设置为2时,每一行的组件将被指定右对齐排列;而为1时是默认的居中排列。

下面举个例子,创建10个按钮并用流布局管理器排列。

  1. package com.kuang5;
  2. import java.awt.Container;
  3. import java.awt.FlowLayout;
  4. import javax.swing.JButton;
  5. import javax.swing.JFrame;
  6. import javax.swing.WindowConstants;
  7. public class FlowLayoutDemo extends JFrame {
  8. public FlowLayoutDemo() {
  9. Container container = this.getContentPane();
  10. // 设置流布局管理器,2是右对齐,后两个参数分别为组件间的水平间隔和垂直间隔
  11. this.setLayout(new FlowLayout(2, 10, 10));
  12. // 循环添加按钮
  13. for(int i=0; i<10; i++) {
  14. container.add(new JButton("按钮" + i));
  15. }
  16. this.setSize(300, 200);
  17. this.setVisible(true);
  18. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  19. }
  20. public static void main(String[] args) {
  21. new FlowLayoutDemo();
  22. }
  23. }

第一个参数为2是右对齐,每个按钮间的水平、垂直间隔都为10。后两个图分别为参数为1居中排列和参数为0左对齐。运行结果如下:
GUI编程 - 图33

GUI编程 - 图34

3.3 边界布局管理器

在不指定窗体布局时,Swing组件默认的布局管理器是边界布局管理器,使用的是BorderLayout类。在上篇例子中,一个JLabel标签占据了整个空间,实质上是默认使用了边界布局管理器。边界布局管理器还可以容器分为东、南、西、北、中五个区域,可以将组件加入这五个区域中。

【演示】

  1. package com.kuang5;
  2. import java.awt.BorderLayout;
  3. import java.awt.Container;
  4. import javax.swing.JButton;
  5. import javax.swing.JFrame;
  6. import javax.swing.WindowConstants;
  7. public class BorderLayoutDemo extends JFrame {
  8. private String[] border = {BorderLayout.CENTER, BorderLayout.NORTH,
  9. BorderLayout.SOUTH, BorderLayout.WEST, BorderLayout.EAST}; // 此数组用于存放组件摆放位置
  10. private String[] button = {"中", "北", "南", "西", "东"}; // 此数组用于存放按钮名称
  11. public BorderLayoutDemo() {
  12. Container container = this.getContentPane();
  13. this.setLayout(new BorderLayout()); // 设置容器为边界布局管理器
  14. // 循环添加按钮
  15. for(int i=0; i<button.length ; i++) {
  16. container.add(border[i], new JButton(button[i])); // 左参数为设置布局,右参数为创建按钮
  17. }
  18. this.setVisible(true);
  19. this.setSize(300, 200);
  20. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  21. }
  22. public static void main(String[] args) {
  23. new BorderLayoutDemo();
  24. }
  25. }

GUI编程 - 图35

3.4 网络布局管理器

  1. 网格布局管理器将容器划分为网格,组件按行按列排列,使用GridLayout类。在此布局管理器中,每个组件的大小都相同,且会填满整个网格,改变窗体大小,组件也会随之改变。

【演示】

  1. package com.kuang5;
  2. import java.awt.Container;
  3. import java.awt.GridLayout;
  4. import javax.swing.JButton;
  5. import javax.swing.JFrame;
  6. import javax.swing.WindowConstants;
  7. class GirdLayoutDemo extends JFrame {
  8. public GirdLayoutDemo() {
  9. Container container = this.getContentPane();
  10. this.setLayout(new GridLayout(7, 3, 5, 5)); // 前两个参数为7行3列,后两个参数为网格间的间距
  11. for(int i=0; i<20; i++) {
  12. container.add(new JButton("按钮" + i));
  13. }
  14. this.setVisible(true);
  15. this.setSize(300, 300);
  16. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  17. }
  18. public static void main(String[] args) {
  19. new GirdLayoutDemo();
  20. }
  21. }

GUI编程 - 图36

四、面板

面板也是一个容器,可作为容器容纳其他组件,但也必须被添加到其他容器中。Swing中常用面板有JPanel面板和JScrollPane面板。

4.1 JPanel

JPanel面板可以聚集一些组件来布局。继承自java.awt.Container类。

【演示】

  1. package com.kuang5;
  2. import java.awt.Container;
  3. import java.awt.GridLayout;
  4. import javax.swing.JButton;
  5. import javax.swing.JFrame;
  6. import javax.swing.JPanel;
  7. import javax.swing.WindowConstants;
  8. public class JPanelDemo extends JFrame {
  9. public JPanelDemo() {
  10. Container container = this.getContentPane();
  11. container.setLayout(new GridLayout(2, 1, 10, 10)); // 整个容器为2行1列,后面的参数为间距
  12. JPanel p1 = new JPanel(new GridLayout(1, 3)); // 初始化一个面板,设置1行3列的网格布局
  13. JPanel p2 = new JPanel(new GridLayout(1, 2)); // 初始化一个面板,设置1行2列的网格布局
  14. JPanel p3 = new JPanel(new GridLayout(2, 1)); // 初始化一个面板,设置2行1列的网格布局
  15. JPanel p4 = new JPanel(new GridLayout(3, 2)); // 初始化一个面板,设置3行2列的网格布局
  16. p1.add(new JButton("1")); // 在JPanel面板中添加按钮
  17. p1.add(new JButton("1")); // 在JPanel面板中添加按钮
  18. p1.add(new JButton("1")); // 在JPanel面板中添加按钮
  19. p2.add(new JButton("2")); // 在JPanel面板中添加按钮
  20. p2.add(new JButton("2")); // 在JPanel面板中添加按钮
  21. p3.add(new JButton("3")); // 在JPanel面板中添加按钮
  22. p3.add(new JButton("3")); // 在JPanel面板中添加按钮
  23. p4.add(new JButton("4")); // 在JPanel面板中添加按钮
  24. p4.add(new JButton("4")); // 在JPanel面板中添加按钮
  25. p4.add(new JButton("4")); // 在JPanel面板中添加按钮
  26. p4.add(new JButton("4")); // 在JPanel面板中添加按钮
  27. p4.add(new JButton("4")); // 在JPanel面板中添加按钮
  28. p4.add(new JButton("4")); // 在JPanel面板中添加按钮
  29. container.add(p1); // 在容器中添加面板
  30. container.add(p2); // 在容器中添加面板
  31. container.add(p3); // 在容器中添加面板
  32. container.add(p4); // 在容器中添加面板
  33. this.setVisible(true);
  34. this.setSize(500, 350);
  35. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  36. }
  37. public static void main(String[] args) {
  38. new JPanelDemo();
  39. }
  40. }

运行结果如下,可自行对比代码与结果理解JPanel。其中,容器的GridLayout布局设置了横纵都为10的间距,JPanel的GridLayout布局没有设置网格间距。
GUI编程 - 图37

4.2 JScrollPanel

若遇到一个较小的容器窗体中显示一个较大部分内容的情况,可用JScrollPane面板。这是一个带滚动条的面板,就像平时浏览网页,经常遇到的滚动条一样。

如果需要在JScrollPane面板中放置多个组件,需将这多个组件放置在JPanel面板上,然后将JPanel面板作为一个整体组件添加在JScrollPane面板上。

【演示】

  1. package com.kuang5;
  2. import java.awt.Container;
  3. import javax.swing.JFrame;
  4. import javax.swing.JScrollPane;
  5. import javax.swing.JTextArea;
  6. import javax.swing.WindowConstants;
  7. public class JScrollPaneDemo extends JFrame {
  8. public JScrollPaneDemo() {
  9. Container container = this.getContentPane();
  10. // 创建文本区域组件
  11. JTextArea textArea = new JTextArea(20, 50);
  12. textArea.setText("欢迎学习Java");
  13. //ScrollPanel面板
  14. JScrollPane sp = new JScrollPane(textArea);
  15. container.add(sp);
  16. this.setVisible(true);
  17. this.setSize(300, 150);
  18. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  19. }
  20. public static void main(String[] args) {
  21. new JScrollPaneDemo();
  22. }
  23. }

结果:
GUI编程 - 图38
其中JTextArea是创建一个文本区域组件,大小为20*50,setText()方法是给该文本区域填值。
这里在new一个JScrollPane时,就将文本区域组件添加到其上。

五、按钮组件

5.1 提交按钮组件(JButton)

JButton在之前的例子中已经出现多次,是较为常用的组件,用于触发特定动作。可以在按钮上显示文本标签,还可以显示图标,如下:

  1. package com.kuang5;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. public class JButtonDemo extends JFrame {
  5. public JButtonDemo() {
  6. Container container = this.getContentPane();
  7. //将一个图片变成一个图标
  8. URL url = JButtonDemo.class.getResource("wj.jpg");
  9. Icon icon = new ImageIcon(url);
  10. //把这个图标放在按钮上
  11. JButton button = new JButton();
  12. button.setIcon(icon);
  13. button.setToolTipText("图片按钮");
  14. //把按钮就在容器上
  15. container.add(button);
  16. this.setVisible(true);
  17. this.setSize(500,300);
  18. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  19. }
  20. public static void main(String[] args) {
  21. new JButtonDemo();
  22. }
  23. }

5.2 单选按钮组件(JRadioButton)

默认情况下,单选按钮显示一个圆形图标,通常在其旁放置一些说明性文字。当用户选中某个单选按钮后,按钮组中其它按钮将被自动取消,这时就需要按钮组(ButtonGroup)来将同组按钮放在一起,该按钮组中的按钮只能选择一个,而不在此按钮中的按钮不受影响。语法格式如下:

  1. package com.kuang5;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. public class JRadioButtonDemo extends JFrame {
  5. public JRadioButtonDemo() {
  6. Container container = this.getContentPane();
  7. //将一个图片变成图标
  8. URL resource = JRadioButtonDemo.class.getResource("wj.jpg");
  9. Icon icon = new ImageIcon(resource);
  10. //单选框
  11. JRadioButton radioButton1 = new JRadioButton("JRadioButton1");
  12. JRadioButton radioButton2 = new JRadioButton("JRadioButton2");
  13. JRadioButton radioButton3 = new JRadioButton("JRadioButton3");
  14. //由于单选框只能选择一个,所以进行分组,组内只能选一个
  15. ButtonGroup group = new ButtonGroup();
  16. group.add(radioButton1);
  17. group.add(radioButton2);
  18. group.add(radioButton3);
  19. container.add(radioButton1,BorderLayout.CENTER);
  20. container.add(radioButton2,BorderLayout.NORTH);
  21. container.add(radioButton3,BorderLayout.SOUTH);
  22. this.setVisible(true);
  23. this.setBounds(100,100,300,350);
  24. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  25. }
  26. public static void main(String[] args) {
  27. new JRadioButtonDemo();
  28. }
  29. }

GUI编程 - 图39

5.3 复选框组件(JCheckBox)

复选框是一个方块图标,外加一段描述性文字,与单选按钮的区别就是可以多选。每一个复选框都提供“选中”与“不选中”两种状态。语法格式如下:

  1. package com.kuang5;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. public class JCheckBoxDemo extends JFrame {
  5. public JCheckBoxDemo() {
  6. Container container = this.getContentPane();
  7. //将一个图片变成图标
  8. URL resource = JRadioButtonDemo.class.getResource("wj.jpg");
  9. Icon icon = new ImageIcon(resource);
  10. //多选框
  11. JCheckBox checkBox01 = new JCheckBox("checkBox01");
  12. JCheckBox checkBox02 = new JCheckBox("checkBox02");
  13. container.add(checkBox01,BorderLayout.NORTH);
  14. container.add(checkBox02,BorderLayout.SOUTH);
  15. this.setVisible(true);
  16. this.setBounds(100,100,300,350);
  17. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  18. }
  19. public static void main(String[] args) {
  20. new JCheckBoxDemo();
  21. }
  22. }

GUI编程 - 图40

六、列表组件

6.1 下拉列表(JComboBox)

下拉列表框使用JComboBox类对象来表示,如下方代码:

  1. package com.kuang5;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. public class JComboBoxDemo extends JFrame {
  5. public JComboBoxDemo() {
  6. Container container = this.getContentPane();
  7. JComboBox status = new JComboBox();
  8. status.addItem(null);
  9. status.addItem("正在热映");
  10. status.addItem("已下架");
  11. status.addItem("即将上映");
  12. container.add(status);
  13. this.setVisible(true);
  14. this.setSize(500,350);
  15. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  16. }
  17. public static void main(String[] args) {
  18. new JComboBoxDemo();
  19. }
  20. }

显示的样式如下:
GUI编程 - 图41

6.2 列表框(JList)

列表框只是在窗体上占据固定的大小,如果要使列表框具有滚动效果,可以将列表框放入滚动面板中。使用数组初始化列表框的参数如下。

  1. package com.kuang5;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. public class JListDemo extends JFrame {
  5. public JListDemo() {
  6. Container container = this.getContentPane();
  7. //生成列表的内容
  8. //使用数组初始化列表框的参数
  9. String[] contents = {"1", "2", "3"};
  10. //列表中需要放入内容
  11. JList jlist = new JList(contents);
  12. container.add(jlist);
  13. this.setVisible(true);
  14. this.setSize(500, 350);
  15. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  16. }
  17. public static void main(String[] args) {
  18. new JListDemo();
  19. }
  20. }

GUI编程 - 图42

将Vector类型的数据作为初始化JList的参数如下。

  1. package com.kuang5;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. import java.util.Vector;
  5. public class JListDemo extends JFrame {
  6. public JListDemo() {
  7. Container container = this.getContentPane();
  8. //生成列表的内容
  9. //使用数组初始化列表框的参数
  10. //String[] contents = {"1", "2", "3"};
  11. //将Vector类型的数据作为初始化JList的参数
  12. Vector contents = new Vector();
  13. //列表中需要放入内容
  14. JList jlist = new JList(contents);
  15. contents.add("zhangsan");
  16. contents.add("lisi");
  17. contents.add("wangwu");
  18. container.add(jlist);
  19. this.setVisible(true);
  20. this.setSize(500, 350);
  21. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  22. }
  23. public static void main(String[] args) {
  24. new JListDemo();
  25. }
  26. }

GUI编程 - 图43

应用场景:

  • 下拉框:选择地区或者一些单个选项。
  • 列表:用来展示信息,一般是动态扩容的。

七、文本组件

7.1 文本框(JTexField)

  1. 文本框用来显示或编辑一个单行文本,语法格式如下:
  1. JTextField jtext = new JTextField("aaa"); // 创建一个文本框,值为aaa
  2. JTextField jtext2 = new JTextField("aaa", 20); // 创建一个长度为20的文本框,值为aaa
  3. jtext.setText(""); // 将文本框置空

其余构造方法可参考API或源码。

  1. package com.wang.gui.swing;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. public class TextDemo extends JFrame {
  5. public TextDemo() {
  6. Container container = this.getContentPane();
  7. TextField textField = new TextField("hello");
  8. //文本框默认显示文字,columns为最多可以放的字符数
  9. TextField textField2 = new TextField("world",20);
  10. container.add(textField,BorderLayout.NORTH);
  11. container.add(textField2,BorderLayout.SOUTH);
  12. this.setVisible(true);
  13. this.setSize(500, 350);
  14. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  15. }
  16. public static void main(String[] args) {
  17. new TextDemo();
  18. }
  19. }

GUI编程 - 图44

7.2 密码框(JPasswordField)

  1. 密码框与文本框的定义与用法类似,但会使用户输入的字符串以某种符号进行加密。如下方代码:
  1. JPasswordField jpassword = new JPasswordField();
  2. jpassword.setEchoChar('#'); // 设置回显符号

代码演示

  1. package com.wang.gui.swing;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. public class JPasswordFieldDemo extends JFrame {
  5. public JPasswordFieldDemo() {
  6. Container container = this.getContentPane();
  7. JPasswordField passwordField = new JPasswordField();
  8. passwordField.setEchoChar('*');
  9. container.add(passwordField);
  10. this.setVisible(true);
  11. this.setSize(500, 350);
  12. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  13. }
  14. public static void main(String[] args) {
  15. new JPasswordFieldDemo();
  16. }
  17. }

GUI编程 - 图45

7.3 文本域(JTexField)

文本域组件在上面的代码中已经出现了,如下方代码所示:

  1. JTextArea textarea = new JTextArea(20, 50); // 创建文本区域组件
  2. textarea.setText("欢迎来到西部开源学Java");

代码演示

  1. package com.wang.gui.swing;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. /**
  5. * @Author wangjin
  6. * @Date 2022/04/23 15:36
  7. * @Description
  8. */
  9. public class JScrollPanelDemo extends JFrame {
  10. public JScrollPanelDemo() {
  11. Container container = this.getContentPane();
  12. //文本域
  13. JTextArea textArea = new JTextArea(20, 50);
  14. textArea.setText("欢迎学习java");
  15. //ScrollPanel面板
  16. JScrollPane scrollPane = new JScrollPane(textArea);
  17. container.add(scrollPane);
  18. this.setVisible(true);
  19. this.setBounds(100,100,300,350);
  20. this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  21. }
  22. public static void main(String[] args) {
  23. new JScrollPanelDemo();
  24. }
  25. }

GUI编程 - 图46
对GUI编程就讲到这里,授人以鱼不如授人以渔,经过这一小段的学习已经能掌握看方法和源码学习的能力了,之后有一些小游戏专题来巩固JavaSE阶段的学习。

小游戏:2048

思路:
使用了4x4的GridLayout作为布局,然后使用16个JLabel作为方块ui。数据上则是使用一个长度为16的int数组储存方块的数值,通过监听上下左右的按键进行相应的数据处理,最后通过刷新函数将数据显示出来并设置颜色。

胜负判定的实现,胜的判定很简单:就是玩家凑出了至少一个2048的方块即为胜利;而失败的判定思路略复杂,主要是通过模拟用户分别按下上、下、左、右键后,判断格子里是否还有空位,如分别向四个方向移动后都无法产生空位,则判负。

【Game类】

  1. import javax.swing.*;
  2. import java.awt.*;
  3. import java.awt.event.KeyEvent;
  4. import java.awt.event.KeyListener;
  5. import java.util.ArrayList;
  6. import java.util.Arrays;
  7. import java.util.HashMap;
  8. import java.util.List;
  9. public class Game {
  10. //用于储存颜色的实体类
  11. private static class Color {
  12. public Color(int fc, int bgc) {
  13. fontColor = fc;//字体颜色
  14. bgColor = bgc;//背景颜色
  15. }
  16. public int fontColor;//字体颜色
  17. public int bgColor;//背景颜色
  18. }
  19. JFrame mainFrame;//主窗口对象
  20. JLabel[] jLabels;//方块,用jlabel代替
  21. int[] datas = new int[]{0, 0, 0, 0,
  22. 0, 0, 0, 0,
  23. 0, 0, 0, 0,
  24. 0, 0, 0, 0};//每个方块上的数值
  25. int[] temp = new int[4];//方块移动算法中抽离的的临时数组
  26. int[] temp2 = new int[16];//用于检测方块是否有合并
  27. List emptyBlocks = new ArrayList<Integer>(16);//在生成新方块时用到的临时list,用以存放空方块
  28. //存放颜色的map
  29. static HashMap<Integer, Color> colorMap = new HashMap<Integer, Color>()
  30. {{
  31. put(0, new Color(0x776e65, 0xCDC1B4));
  32. put(2, new Color(0x776e65, 0xeee4da));
  33. put(4, new Color(0x776e65, 0xede0c8));
  34. put(8, new Color(0xf9f6f2, 0xf2b179));
  35. put(16, new Color(0xf9f6f2, 0xf59563));
  36. put(32, new Color(0xf9f6f2, 0xf67c5f));
  37. put(64, new Color(0xf9f6f2, 0xf65e3b));
  38. put(128, new Color(0xf9f6f2, 0xedcf72));
  39. put(256, new Color(0xf9f6f2, 0xedcc61));
  40. put(512, new Color(0xf9f6f2, 0xe4c02a));
  41. put(1024, new Color(0xf9f6f2, 0xe2ba13));
  42. put(2048, new Color(0xf9f6f2, 0xecc400));
  43. }};
  44. public Game() {
  45. initGameFrame();
  46. initGame();
  47. refresh();
  48. }
  49. //开局时生成两个2的方块和一个4的方块
  50. private void initGame() {
  51. for (int i = 0; i < 2; i++) {
  52. generateBlock(datas, 2);
  53. }
  54. generateBlock(datas, 4);
  55. }
  56. //随机生成4或者2的方块
  57. private void randomGenerate(int arr[]) {
  58. int ran = (int) (Math.random() * 10);
  59. if (ran > 5) {
  60. generateBlock(arr, 4);
  61. } else {
  62. generateBlock(arr, 2);
  63. }
  64. }
  65. //随机生成新的方块,参数:要生成的方块数值
  66. private void generateBlock(int arr[], int num) {
  67. emptyBlocks.clear();
  68. for (int i = 0; i < 16; i++) {
  69. if (arr[i] == 0) {
  70. emptyBlocks.add(i);
  71. }
  72. }
  73. int len = emptyBlocks.size();
  74. if (len == 0) {
  75. return;
  76. }
  77. int pos = (int) (Math.random() * 100) % len;
  78. arr[(int) emptyBlocks.get(pos)] = num;
  79. refresh();
  80. }
  81. //胜负判定并做终局处理
  82. private void judge(int arr[]) {
  83. if (isWin(arr)) {
  84. JOptionPane.showMessageDialog(null, "恭喜,你已经成功凑出2048的方块", "你赢了", JOptionPane.PLAIN_MESSAGE);
  85. System.exit(0);
  86. }
  87. if (isEnd(arr)) {
  88. int max = getMax(datas);
  89. JOptionPane.showMessageDialog(null, "抱歉,你没有凑出2048的方块,你的最大方块是:" + max, "游戏结束", JOptionPane.PLAIN_MESSAGE);
  90. System.exit(0);
  91. }
  92. }
  93. //判断玩家是否胜利,只要有一个方块大于等于2048即为胜利
  94. private boolean isWin(int arr[]) {
  95. for (int i : arr) {
  96. if (i >= 2048) {
  97. return true;
  98. }
  99. }
  100. return false;
  101. }
  102. //此函数用于判断游戏是否结束,如上下左右移后均无法产生空块,即代表方块已满,则返回真,表示游戏结束
  103. private boolean isEnd(int arr[]) {
  104. int[] tmp = new int[16];
  105. int isend = 0;
  106. System.arraycopy(arr, 0, tmp, 0, 16);
  107. left(tmp);
  108. if (isNoBlank(tmp)) {
  109. isend++;
  110. }
  111. System.arraycopy(arr, 0, tmp, 0, 16);
  112. right(tmp);
  113. if (isNoBlank(tmp)) {
  114. isend++;
  115. }
  116. System.arraycopy(arr, 0, tmp, 0, 16);
  117. up(tmp);
  118. if (isNoBlank(tmp)) {
  119. isend++;
  120. }
  121. System.arraycopy(arr, 0, tmp, 0, 16);
  122. down(tmp);
  123. if (isNoBlank(tmp)) {
  124. isend++;
  125. }
  126. if (isend == 4) {
  127. return true;
  128. } else {
  129. return false;
  130. }
  131. }
  132. //判断是否无空方块
  133. private boolean isNoBlank(int arr[]) {
  134. for (int i : arr) {
  135. if (i == 0) {
  136. return false;
  137. }
  138. }
  139. return true;
  140. }
  141. //获取最大的方块数值
  142. private int getMax(int arr[]) {
  143. int max = arr[0];
  144. for (int i : arr) {
  145. if (i >= max) {
  146. max = i;
  147. }
  148. }
  149. return max;
  150. }
  151. //刷新每个方块显示的数据
  152. private void refresh() {
  153. JLabel j;
  154. for (int i = 0; i < 16; i++) {
  155. int arr = datas[i];
  156. j = jLabels[i];
  157. if (arr == 0) {
  158. j.setText("");
  159. } else if (arr >= 1024) {
  160. j.setFont(new Font("Dialog", 1, 42));
  161. j.setText(String.valueOf(datas[i]));
  162. } else {
  163. j.setFont(new Font("Dialog", 1, 50));
  164. j.setText(String.valueOf(arr));
  165. }
  166. Color currColor = colorMap.get(arr);
  167. j.setBackground(new java.awt.Color(currColor.bgColor));
  168. j.setForeground(new java.awt.Color(currColor.fontColor));
  169. }
  170. }
  171. //初始化游戏窗口,做一些繁杂的操作
  172. private void initGameFrame() {
  173. //创建JFrame以及做一些设置
  174. mainFrame = new JFrame("2048 Game");
  175. mainFrame.setSize(500, 500);
  176. mainFrame.setResizable(false);//固定窗口尺寸
  177. mainFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  178. mainFrame.setLocationRelativeTo(null);
  179. mainFrame.setLayout(new GridLayout(4, 4));
  180. mainFrame.getContentPane().setBackground(new
  181. java.awt.Color(0xCDC1B4));
  182. //添加按键监听
  183. mainFrame.addKeyListener(new KeyListener() {
  184. @Override
  185. public void keyTyped(KeyEvent keyEvent) {
  186. }
  187. @Override
  188. public void keyPressed(KeyEvent keyEvent) {
  189. System.arraycopy(datas, 0, temp2, 0, 16);
  190. //根据按键的不同调用不同的处理函数
  191. switch (keyEvent.getKeyCode()) {
  192. case KeyEvent.VK_UP:
  193. up(datas);
  194. break;
  195. case KeyEvent.VK_DOWN:
  196. down(datas);
  197. break;
  198. case KeyEvent.VK_LEFT:
  199. left(datas);
  200. break;
  201. case KeyEvent.VK_RIGHT:
  202. right(datas);
  203. break;
  204. }
  205. //判断移动后是否有方块合并,若有,生成新方块,若无,不产生新方块
  206. if (!Arrays.equals(datas, temp2)) {
  207. randomGenerate(datas);
  208. }
  209. refresh();
  210. judge(datas);
  211. }
  212. @Override
  213. public void keyReleased(KeyEvent keyEvent) {
  214. }
  215. });
  216. //使用系统默认的ui风格
  217. try {
  218. UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
  219. } catch (Exception e) {
  220. JOptionPane.showMessageDialog(null, e.getMessage());
  221. }
  222. //使用16个JLabel来显示16个方块
  223. jLabels = new JLabel[16];
  224. JLabel j; //引用复用,避免for里创建过多引用
  225. for (int i = 0; i < 16; i++) {
  226. jLabels[i] = new JLabel("0", JLabel.CENTER);
  227. j = jLabels[i];
  228. j.setOpaque(true);
  229. // 设置边界,参数:上,左,下,右,边界颜色
  230. j.setBorder(BorderFactory.createMatteBorder(6, 6, 6, 6, new java.awt.Color(0xBBADA0)));
  231. //j.setForeground(new java.awt.Color(0x776E65));
  232. j.setFont(new Font("Dialog", 1, 52));
  233. mainFrame.add(j);
  234. }
  235. mainFrame.setVisible(true);
  236. }
  237. private void left(int arr[]) {
  238. moveLeft(arr);
  239. combineLeft(arr);
  240. moveLeft(arr);//合并完后会产生空位,所以要再次左移
  241. }
  242. //向左合并方块
  243. private void combineLeft(int arr[]) {
  244. for (int l = 0; l < 4; l++) {
  245. //0 1 2
  246. for (int i = 0; i < 3; i++) {
  247. if ((arr[l * 4 + i] != 0 && arr[l * 4 + i + 1] != 0) && arr[l * 4 + i] == arr[l * 4 + i + 1]) {
  248. arr[l * 4 + i] *= 2;
  249. arr[l * 4 + i + 1] = 0;
  250. }
  251. }
  252. }
  253. }
  254. //方块左移,针对每一行利用临时数组实现左移
  255. private void moveLeft(int arr[]) {
  256. for (int l = 0; l < 4; l++) {
  257. int z = 0, fz = 0;//z(零);fz(非零)
  258. for (int i = 0; i < 4; i++) {
  259. if (arr[l * 4 + i] == 0) {
  260. z++;
  261. } else {
  262. temp[fz] = arr[l * 4 + i];
  263. fz++;
  264. }
  265. }
  266. for (int i = fz; i < 4; i++) {
  267. temp[i] = 0;
  268. }
  269. for (int j = 0; j < 4; j++) {
  270. arr[l * 4 + j] = temp[j];
  271. }
  272. }
  273. }
  274. private void right(int arr[]) {
  275. moveRight(arr);
  276. combineRight(arr);
  277. moveRight(arr);
  278. }
  279. private void combineRight(int arr[]) {
  280. for (int l = 0; l < 4; l++) {
  281. //3 2 1
  282. for (int i = 3; i > 0; i--) {
  283. if ((arr[l * 4 + i] != 0 && arr[l * 4 + i - 1] != 0) && arr[l * 4 + i] == arr[l * 4 + i - 1]) {
  284. arr[l * 4 + i] *= 2;
  285. arr[l * 4 + i - 1] = 0;
  286. }
  287. }
  288. }
  289. }
  290. private void moveRight(int arr[]) {
  291. for (int l = 0; l < 4; l++) {
  292. int z = 3, fz = 3;//z(零);fz(非零)
  293. for (int i = 3; i >= 0; i--) {
  294. if (arr[l * 4 + i] == 0) {
  295. z--;
  296. } else {
  297. temp[fz] = arr[l * 4 + i];
  298. fz--;
  299. }
  300. }
  301. for (int i = fz; i >= 0; i--) {
  302. temp[i] = 0;
  303. }
  304. for (int j = 3; j >= 0; j--) {
  305. arr[l * 4 + j] = temp[j];
  306. }
  307. }
  308. }
  309. private void up(int arr[]) {
  310. moveUp(arr);
  311. combineUp(arr);
  312. moveUp(arr);
  313. }
  314. private void combineUp(int arr[]) {
  315. for (int r = 0; r < 4; r++) {
  316. for (int i = 0; i < 3; i++) {
  317. if ((arr[r + 4 * i] != 0 && arr[r + 4 * (i + 1)] != 0) && arr[r + 4 * i] == arr[r + 4 * (i + 1)]) {
  318. arr[r + 4 * i] *= 2;
  319. arr[r + 4 * (i + 1)] = 0;
  320. }
  321. }
  322. }
  323. }
  324. private void moveUp(int arr[]) {
  325. for (int r = 0; r < 4; r++) {
  326. int z = 0, fz = 0;//z(零);fz(非零)
  327. for (int i = 0; i < 4; i++) {
  328. if (arr[r + 4 * i] == 0) {
  329. z++;
  330. } else {
  331. temp[fz] = arr[r + 4 * i];
  332. fz++;
  333. }
  334. }
  335. for (int i = fz; i < 4; i++) {
  336. temp[i] = 0;
  337. }
  338. for (int j = 0; j < 4; j++) {
  339. arr[r + 4 * j] = temp[j];
  340. }
  341. }
  342. }
  343. private void down(int arr[]) {
  344. moveDown(arr);
  345. combineDown(arr);
  346. moveDown(arr);
  347. }
  348. private void combineDown(int arr[]) {
  349. for (int r = 0; r < 4; r++) {
  350. for (int i = 3; i > 0; i--) {
  351. if ((arr[r + 4 * i] != 0 && arr[r + 4 * (i - 1)] != 0) && arr[r + 4 * i] == arr[r + 4 * (i - 1)]) {
  352. arr[r + 4 * i] *= 2;
  353. arr[r + 4 * (i - 1)] = 0;
  354. }
  355. }
  356. }
  357. }
  358. private void moveDown(int arr[]) {
  359. for (int r = 0; r < 4; r++) {
  360. int z = 3, fz = 3;//z(零);fz(非零)
  361. for (int i = 3; i >= 0; i--) {
  362. if (arr[r + 4 * i] == 0) {
  363. z--;
  364. } else {
  365. temp[fz] = arr[r + 4 * i];
  366. fz--;
  367. }
  368. }
  369. for (int i = fz; i >= 0; i--) {
  370. temp[i] = 0;
  371. }
  372. for (int j = 3; j >= 0; j--) {
  373. arr[r + 4 * j] = temp[j];
  374. }
  375. }
  376. }
  377. }

【StartFrame类】

  1. package com.test2048;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. import java.awt.event.ActionEvent;
  5. import java.awt.event.ActionListener;
  6. public class StartFrame {
  7. JFrame mainFrame;
  8. final String gameRule = "2048游戏共有16个格子,开始时会随机生成两个数值为2的方块和一个数值为4的方块,\n" +
  9. "玩家可通过键盘上的上、下、左、右方向键来操控方块的滑动方向,\n" +
  10. "每按一次方向键,所有的方块会向一个方向靠拢,相同数值的方块将会相加并合并成一个方块,\n" +
  11. "此外,每滑动一次将会随机生成一个数值为2或者4的方块,\n" + "玩家需要想办法在这16个格子里凑出2048数值的方块,若16个格子被填满且无法再移动,\n" +
  12. "则游戏结束。";
  13. public StartFrame() {
  14. initFrame();
  15. }
  16. private void initFrame() {
  17. mainFrame = new JFrame("2048 Game");
  18. mainFrame.setSize(500, 500);
  19. mainFrame.setResizable(false);//固定窗口尺寸
  20. mainFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  21. mainFrame.setLocationRelativeTo(null);//窗口居中
  22. JPanel jPanel = new JPanel();
  23. //BoxLayout.Y_AXIS是指定从上到下垂直布置组件。
  24. jPanel.setLayout(new BoxLayout(jPanel, BoxLayout.Y_AXIS));
  25. jPanel.add(newLine(Box.createVerticalStrut(25)));//添加空白区域
  26. JLabel jLabel = new JLabel("2048");
  27. jLabel.setForeground(new Color(0x776e65));
  28. jLabel.setFont(new Font("Dialog", 1, 92));
  29. jPanel.add(newLine(jLabel));
  30. /*
  31. JLabel author = new JLabel("by xxx");
  32. jPanel.add(newLine(author));
  33. */
  34. jPanel.add(newLine(Box.createVerticalStrut(50)));
  35. JButton btn1 = new JButton("开始游戏");
  36. btn1.addActionListener(new ActionListener() {
  37. @Override
  38. public void actionPerformed(ActionEvent actionEvent) {
  39. new Game();
  40. mainFrame.dispose();
  41. }
  42. });
  43. jPanel.add(newLine(btn1));
  44. jPanel.add(newLine(Box.createVerticalStrut(50)));
  45. JButton btn2 = new JButton("游戏规则");
  46. btn2.addActionListener(new ActionListener() {
  47. @Override
  48. public void actionPerformed(ActionEvent actionEvent) {
  49. JOptionPane.showMessageDialog(null, gameRule, "游戏规则",
  50. JOptionPane.PLAIN_MESSAGE);
  51. }
  52. });
  53. jPanel.add(newLine(btn2));
  54. jPanel.add(newLine(Box.createVerticalStrut(50)));
  55. JButton btn3 = new JButton("退出游戏");
  56. btn3.addActionListener(new ActionListener() {
  57. @Override
  58. public void actionPerformed(ActionEvent actionEvent) {
  59. System.exit(0);
  60. }
  61. });
  62. jPanel.add(newLine(btn3));
  63. mainFrame.add(jPanel);
  64. mainFrame.setVisible(true);
  65. }
  66. //添加新一行垂直居中的控件,通过在控件两边填充glue对象实现
  67. private JPanel newLine(Component c) {
  68. JPanel jp = new JPanel();
  69. jp.setLayout(new BoxLayout(jp, BoxLayout.X_AXIS));
  70. jp.add(Box.createHorizontalGlue());
  71. jp.add(c);
  72. jp.add(Box.createHorizontalGlue());
  73. jp.setOpaque(false);//设置不透明
  74. return jp;
  75. }
  76. }

【Main】

  1. package com.test2048;
  2. public class Main {
  3. public static void main(String[] args) {
  4. new StartFrame();
  5. }
  6. }

小游戏:贪吃蛇

开始游戏的窗口,首先引入窗口,然后在窗口画布上进行添加各类动画。

  1. JFrame frame=new JFrame("My SnakeGame");

Jframe 是个类,引入了窗口frame,该窗口的标题是:My SnakeGame

  1. //设置零点坐标,窗口大小
  2. frame.setBounds(100,100,900,720);
  • 参数1: 窗口的左上角点的横坐标
  • 参数2:窗口的左上角点的纵坐标
  • 参数3:窗口的宽度
  • 参数4:窗口的高度
  • 单位为像素
  1. //窗口大小不可随意改变大小
  2. frame.setResizable(false);

这样设置后不能够随意改变窗口的大小。主要是牵扯到画面的自动扩展延伸。

  1. //关闭窗口即关闭程序,无后台
  2. frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

这样设置后关闭窗口后自动关闭程序,否则关闭窗口后,程序依旧在运行。

  1. frame.setVisible(true); //窗口可被展示

窗口可以被看到

  1. //引入画板
  2. frame.add(new GameJPanel());

通过这个语句引入画板,操作都在画板上进行。

画板

定义我们自己的画布类必须继承自JPanel系统画板类,需要重写方法**protected void paintComponent(Graphics g){}**。 在这个方法里编写想要画在画板上的东西,这里的Graphics g参数是画笔g,可以设置画笔的颜色、字体等。
在重写的这个方法里先调用父类的方法 :**super.paintComponent(g);**
需要在画面上进行某些改变的话都要写在这个重写的方法里。

  1. this.setBackground(Color.WHITE); //定义背景颜色

WHITE可选该为其他颜色,其他部分为固定语法。
this表示当前画布,可以理解为当前画布设置背景颜色为白色。

  1. g.setColor(Color.WHITE); //画笔颜色设置
  2. g.setFont(new Font("宋体",Font.BOLD,40));

设置画笔的写出的颜色、字体格式、字体类型、字体大小。

  1. g.drawString("按下空格开始",300,300);

语法:**g.drawString("要打印的字体",x,y);**
写入打印的字符串,打印起始点的坐标。

  1. Date.header.paintIcon(this,g,25,11);//把头部广告栏画上去
  2. //参数分别为:窗口this(本窗口),画笔g,(25,11)表示坐标距离

语法:**Date.名字.paintIcon(画面,画笔,x,y);**
这里的header是我们在下面的数据引入时引入的图片资源名称。
paintIcon();指打印图片的方法。

  1. g.fillRect(25,75,850,600); //填充游戏窗口画面

25,75表示起始的点坐标。850,600表示从那点开始要打印的画面的宽度、高度,这部主要实现游戏窗口的背景打印。

按键监听
这里需要实现两个接口,第一个是键盘监听接口 KeyListener。这个接口依旧在我们自己定义的画板上进行实现,实现了这个接口我们就需要实现三个方法。

  1. ```java //这个方法主要监听键盘上按键仅按一下的情况下,可以理解为按一下记一下。 public void keyTyped(KeyEvent e) { //按一下

}

  1. 2.
  2. ```java
  3. //这个方法监听的是键盘按下后弹起的过程。
  4. public void keyReleased(KeyEvent e) { //弹起
  5. }
    1. //监听长按的键盘。
    2. public void keyPressed(KeyEvent e) { //一直按
    3. }

    这里的KeyEvent e是接受的参数,e.getKeyCode();表示得到的键盘输入情况
    定义个数keyCode接受这个按键,int keyCode=e.getKeyCode();后面都是用keyCode与按键进行比较
  1. KeyEvent.VK_UP //表示上键

语法:KeyEvent.VK_按键;按键部分需要全大写字母。例如LEFT

  1. if(keyCode==KeyEvent.VK_DDWN)
  2. {
  3. //当按键为“下”时做什么,一般为改变一个变量(在这个监听按键的方法里改变),通过这个改变这个变量改变打印的内容(在重写的画板方法里改变打印的内容),从而实现画面里方向的改变。
  4. }
  5. repaint(); //重新绘制界面的方法

repaint();作用是刷新打印的界面,可以在监听按键的方法里调用,从而实现按键后画面的改变。
一般会定义个初始化变量的方法,用来实现游戏重新加载或第一次加载时的变量初始化。

定时操作
需要实现重写的第二个接口是定时活动操作ActionListener,会随着时间变化而变化,设置定时执行该方法的的方法体。我们需要重写方法

  1. public void actionPerformed(ActionEvent e) {//执行定时操作
  2. //随时间变化的操作,如想让蛇头朝一个方向走动只需要其坐标(X或Y)自增。
  3. //这里面的操作都会随着我们设置的时间间隔不断重复执行。
  4. timer.start(); //计时器开始
  5. }

在方法的左后要加上timer.start(); ,计时器开始确保计时器开始执行,即执行完第一次后不断重复执行开始。

数据引入

在这之前需要先建个static包用来存放我们的资源数据,直接将所需要的照片包拷进该文件夹即可。
GUI编程 - 图47
定义Data类,通过Date类引入我们需要使用的图片、音乐等外部资源。

语法: **修饰符 URL 地址名称=类名.class.getResource("地址");**
地址名称是自己按规则随意取的,地址是文件所在的文件夹和文件名称和类型。

  1. public static URL headerURL=Date.class.getResource("地址");
  2. //引入资源的地址

eg:public static URL upURL=Date.class.getResource("static/up.png");
需要注意的是这里只是引入资源的地址,并没有说明这是什么资源类型。
声明引入资源的类型。如图片的声明。

语法:**修饰符 ImageIcon 名称=new ImageIcon(地址名称);**

  1. public static ImageIcon header=new ImageIcon(headerURL);
  2. //引入资源为图片

主程序入口

  1. package com.wang.gui.snake;
  2. import javax.swing.*;
  3. /**
  4. * @Author wangjin
  5. * @Date 2022/04/23 19:51
  6. * @Description
  7. */
  8. //游戏的主启动类
  9. public class StartGame {
  10. public static void main(String[] args) {
  11. JFrame frame = new JFrame("My SnakeGame");
  12. //设置零点坐标,窗口大小
  13. frame.setBounds(10, 10, 900, 720);
  14. //窗口大小不可变
  15. frame.setResizable(false);
  16. //关闭窗口即关闭程序,无后台
  17. frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
  18. //正常游戏界面都应该在面板上
  19. ///引入画板
  20. frame.add(new GamePanel());
  21. //设置窗口可被展示
  22. frame.setVisible(true);
  23. }
  24. }

数据引入

  1. package com.wang.gui.snake;
  2. import javax.swing.*;
  3. import java.net.URL;
  4. /**
  5. * @Author wangjin
  6. * @Date 2022/04/23 20:23
  7. * @Description
  8. */
  9. //数据中心
  10. public class Data {
  11. //相对路径 wj.jpg
  12. //绝对路径 / 相当于当前的项目
  13. //引入数据,引入后才能被直接调用
  14. //引入资源的地址
  15. public static URL headerURL = Data.class.getResource("statics/header.png");
  16. //引入资源为图片
  17. public static ImageIcon header = new ImageIcon(headerURL);
  18. public static URL upURL = Data.class.getResource("statics/up.png");
  19. public static URL downURL = Data.class.getResource("statics/down.png");
  20. public static URL leftURL = Data.class.getResource("statics/left.png");
  21. public static URL rightURL = Data.class.getResource("statics/right.png");
  22. public static ImageIcon up = new ImageIcon(upURL);
  23. public static ImageIcon down = new ImageIcon(downURL);
  24. public static ImageIcon left = new ImageIcon(leftURL);
  25. public static ImageIcon right = new ImageIcon(rightURL);
  26. public static URL bodyURL = Data.class.getResource("statics/body.png");
  27. public static ImageIcon body = new ImageIcon(bodyURL);
  28. public static URL foodURL = Data.class.getResource("statics/food.png");
  29. public static ImageIcon food = new ImageIcon(foodURL);
  30. }

画板

  1. package com.wang.gui.snake;
  2. import javax.swing.*;
  3. import java.awt.*;
  4. import java.awt.event.ActionEvent;
  5. import java.awt.event.ActionListener;
  6. import java.awt.event.KeyEvent;
  7. import java.awt.event.KeyListener;
  8. import java.util.Random;
  9. /**
  10. * @Author wangjin
  11. * @Date 2022/04/23 19:57
  12. * @Description
  13. */
  14. //游戏的面板
  15. public class GamePanel extends JPanel implements KeyListener, ActionListener {
  16. //JPanel画板类,写入我们需要的东西如图片,背景颜色等,
  17. //这里我们自己定义一个画板,继承来自系统的画板
  18. //定义小蛇的数据结构
  19. //小蛇的长度
  20. int length;
  21. //小蛇的x坐标 25*25
  22. int[] snakeX = new int[600];
  23. //小蛇的y坐标 25*25
  24. int[] snakeY = new int[500];
  25. //小蛇初始方向
  26. String fx;
  27. //食物的坐标
  28. int foodx;
  29. int foody;
  30. //引入随机方法
  31. Random random = new Random();
  32. //积分成绩
  33. int score;
  34. //游戏当前的状态:开始/停止
  35. //默认游戏未开始
  36. boolean isStart = false;
  37. //游戏失败状态
  38. boolean isFail = false;
  39. //定时器:以毫秒为单位 1000ms=1s
  40. Timer timer = new Timer(100, this); //50毫秒执行一次
  41. //构造器
  42. public GamePanel() {
  43. //初始化方法
  44. init();
  45. //获得焦点和键盘事件
  46. this.setFocusable(true); //获得键盘的焦点事件,将键盘的焦点聚集在游戏上
  47. this.addKeyListener(this); //获得键盘监听事件
  48. timer.start(); //计时器引入,游戏一开始定时器就启动
  49. }
  50. //初始化方法
  51. public void init() {
  52. //小蛇初始长度
  53. length = 3;
  54. //脑袋的初始坐标
  55. snakeX[0] = 100;
  56. snakeY[0] = 100;
  57. //第一个身体的坐标
  58. snakeX[1] = 75;
  59. snakeY[1] = 100;
  60. //第二个身体的坐标
  61. snakeX[2] = 50;
  62. snakeY[2] = 100;
  63. //小蛇初始方向向右
  64. fx = "R";
  65. //把食物随机分布在界面上
  66. foodx = 25 + 25 * random.nextInt(34);
  67. foody = 75 + 25 * random.nextInt(24);
  68. //积分成绩初始化
  69. score = 0;
  70. }
  71. //控制面板
  72. // 游戏中的所有东西,都是用这个画笔来画
  73. @Override
  74. protected void paintComponent(Graphics g) { //重写方法,画板
  75. super.paintComponent(g); //这里的Graphics g就是画笔
  76. //绘制静态面板
  77. //定义背景颜色
  78. this.setBackground(Color.white);
  79. //头部广告栏画上去
  80. //参数分别为,窗口this(本窗口),画笔g,坐标距离
  81. Data.header.paintIcon(this, g, 25, 11);
  82. //绘制默认的游戏界面
  83. //填充窗口画面
  84. g.fillRect(25, 75, 850, 600);
  85. //把积分画到界面上
  86. g.setColor(Color.white);
  87. g.setFont(new Font("微软雅黑", Font.BOLD, 16));
  88. g.drawString("长度" + length, 750, 35);
  89. g.drawString("积分" + score, 750, 50);
  90. //把食物画在界面上
  91. Data.food.paintIcon(this, g, foodx, foody);
  92. //把小蛇画上去
  93. //蛇头初始化向右,需要通过方向来判断
  94. //通过监听键盘改变fx的值,改变fx的值后打印不同画面,实现蛇头的转向
  95. if (fx.equals("R")) {
  96. Data.right.paintIcon(this, g, snakeX[0], snakeY[0]);
  97. } else if (fx.equals("L")) {
  98. Data.left.paintIcon(this, g, snakeX[0], snakeY[0]);
  99. } else if (fx.equals("U")) {
  100. Data.up.paintIcon(this, g, snakeX[0], snakeY[0]);
  101. } else if (fx.equals("D")) {
  102. Data.down.paintIcon(this, g, snakeX[0], snakeY[0]);
  103. }
  104. for (int i = 1; i < length; i++) {
  105. //第一个身体的坐标
  106. //初始值为3,两节身体,随着长度增加,可以不断打印
  107. Data.body.paintIcon(this, g, snakeX[i], snakeY[i]);
  108. }
  109. //游戏状态
  110. if (isStart == false) { //提示信息
  111. //画笔颜色设置
  112. g.setColor(Color.white);
  113. //字体格式,粗体,大小
  114. g.setFont(new Font("微软雅黑", Font.BOLD, 40)); //设置字体
  115. g.drawString("按下空格开始游戏!", 300, 300);
  116. }
  117. //游戏失败
  118. if (isFail == true) {
  119. //设置画笔的颜色
  120. g.setColor(Color.red);
  121. g.setFont(new Font("微软雅黑", Font.BOLD, 40)); //设置字体
  122. g.drawString("游戏失败,按下空格重新开始!", 300, 300);
  123. }
  124. }
  125. //键盘监听事件
  126. @Override
  127. public void keyPressed(KeyEvent e) {
  128. int keyCode = e.getKeyCode(); //获得键盘按键是哪一个
  129. //如果按下的是空格键
  130. //接受到了空格,给状态取反,从而实现开始暂停
  131. if (keyCode == KeyEvent.VK_SPACE) {
  132. if (isFail) {
  133. //重新开始
  134. isFail = false;
  135. init();
  136. } else {
  137. isStart = !isStart; //取反
  138. }
  139. repaint();
  140. }
  141. //小蛇移动
  142. if (keyCode == KeyEvent.VK_UP) { //由键盘输入的值改变fx
  143. fx = "U";
  144. } else if (keyCode == KeyEvent.VK_DOWN) {
  145. fx = "D";
  146. } else if (keyCode == KeyEvent.VK_LEFT) {
  147. fx = "L";
  148. } else if (keyCode == KeyEvent.VK_RIGHT) {
  149. fx = "R";
  150. }
  151. repaint(); //重新绘制界面的方法
  152. }
  153. //事件监听 -- 需要通过固定时间来刷新,比如1秒刷新10次
  154. @Override
  155. public void actionPerformed(ActionEvent e) { //执行定时操作
  156. //如果游戏是开始状态,就让小蛇动起来!
  157. if (isStart && isFail == false) {
  158. //吃食物
  159. if (snakeX[0] == foodx && snakeY[0] == foody) {
  160. //长度+1
  161. length++;
  162. //积分:没吃到一次食物,积分+10
  163. score += 10;
  164. //再次在界面上随机分布食物
  165. //食物坐标刷新坐标随机
  166. foodx = 25 + 25 * random.nextInt(34);
  167. foody = 75 + 25 * random.nextInt(24);
  168. }
  169. //移动
  170. for (int i = length - 1; i > 0; i--) {
  171. //遵循上一节的足迹往前走
  172. //后一节移到前一节的位置 snakeX[1]= snakeX[0];
  173. snakeX[i] = snakeX[i - 1];
  174. snakeY[i] = snakeY[i - 1];
  175. }
  176. //走向
  177. if (fx.equals("R")) {
  178. //在这里进行打印判断,由fx的值判断蛇头的打印
  179. snakeX[0] = snakeX[0] + 25;
  180. //边界判断
  181. if (snakeX[0] > 850) {
  182. snakeX[0] = 25; //超过边界后从另一边出来
  183. }
  184. } else if (fx.equals("L")) {
  185. snakeX[0] = snakeX[0] - 25;
  186. //边界判断
  187. if (snakeX[0] < 25) {
  188. snakeX[0] = 850; //超过边界后从另一边出来
  189. }
  190. } else if (fx.equals("U")) {
  191. snakeY[0] = snakeY[0] - 25;
  192. //边界判断
  193. if (snakeY[0] < 75) {
  194. snakeY[0] = 650; //超过边界后从另一边出来
  195. }
  196. } else if (fx.equals("D")) {
  197. snakeY[0] = snakeY[0] + 25;
  198. //边界判断
  199. if (snakeY[0] > 650) {
  200. snakeY[0] = 75; //超过边界后从另一边出来
  201. }
  202. }
  203. //失败判定 -- 撞到自己就算失败
  204. for (int i = 1; i < length; i++) {
  205. if (snakeX[0] == snakeX[i] && snakeY[0] == snakeY[i]) {
  206. isFail = true;
  207. }
  208. }
  209. repaint(); //重画页面
  210. }
  211. timer.start(); //定时器开启
  212. }
  213. @Override
  214. //按一下
  215. public void keyReleased(KeyEvent e) {
  216. }
  217. @Override
  218. //弹起
  219. public void keyTyped(KeyEvent e) {
  220. }
  221. }

效果图:
image.png

所需要的资源:
left.png
GUI编程 - 图49

right.png
GUI编程 - 图50

up.png
GUI编程 - 图51

down.png
GUI编程 - 图52

body.png
GUI编程 - 图53

food.png
GUI编程 - 图54

header.png
GUI编程 - 图55