GUI编程实战
目标:贪吃蛇游戏
制作前准备:
1.贪吃蛇素材
2.各种监听学习,GUI编程学习(详情见GUI.markdown)
3.明白制作流程
- 制定数据
- 把所需要的数据画上画板
- 使用监听器监听
- 在主启动类用main方法启动
主启动类:
package snake;
import javax.swing.*;
//游戏的主启动类
public class StartGame {
public static void main(String[] args) {
JFrame frame = new JFrame();
frame.setBounds(10,10,900,720);
frame.setResizable(false);
//可视化
//正常游戏界面都应该在面上
frame.add(new GamePanel());
frame.setVisible(true);
}
}
制作游戏开始,我们需要一个主启动类来执行后续的一些类与方法。避免过多方法堆积在一个class文件中,且显得不美观还占线程。
- 先将Jframe类实例化,然后用frame类的方法 setBounds 展开弹窗 在指定位置展开一个窗口
- 然后执行窗口可视化,不可改变窗口大小等操作
- 然后在窗口上添加我们的画板–游戏界面
- 新开一个class 作为我们的画板
画板类:
package snake;
import com.sun.org.apache.xml.internal.security.Init;
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.util.Random;
public class GamePanel extends JPanel implements KeyListener, ActionListener {
//定义蛇的数据结构
int length;//蛇的长度
int[] snakeX = new int[600];//蛇的X坐标 25*25
int[] snakeY = new int[600];//蛇的Y坐标 25*25
String fx;
int score; //成绩
//食物的坐标
int foodx;
int foody;
Random random = new Random();//实例化随机数类
//游戏当前状态:开始,停止
boolean isStart = false;
boolean isFail = false;
//定时器 以ms(毫秒 )为单位 1000ms = 1s
Timer timer = new Timer(100,this);//100毫秒执行一次
//构造器
public GamePanel() {
init();
// 获得焦点和键盘事件
this.setFocusable(true);//获得焦点事件
this.addKeyListener(this);//获得键盘监听事件
timer.start();//游戏一开始定时器就启动
}
//初始化方法
public void init() {
length = 3;
snakeX[0] = 100;snakeY[0] = 100;//脑袋的位置
snakeX[1] = 75;snakeY[1] = 100;//第一个身体的坐标
snakeX[2] = 50;snakeY[2] = 100;//第二个身体的坐标
fx = "R";
//把食物随机分布在界面上
foodx = 25+25*random.nextInt(34);
foody = 75+25*random.nextInt(24);
score = 0;//积分初始为零
}
//画笔
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
this.setBackground(Color.white);
//绘制静态面板
Data.header.paintIcon(this, g, 25, 11);//头部广告栏
g.fillRect(25, 75, 850, 600);
//把积分画上去
g.setColor(Color.WHITE);
g.setFont(new Font("微软雅黑",Font.BOLD,18));
g.drawString("长度:"+length,750,35);
g.drawString("分数:"+score,750,50);
//把食物画上去
Data.food.paintIcon(this,g,foodx,foody);
//把小蛇画上去
if (fx.equals("R")) {
Data.right.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
} else if (fx.equals("L")) {
Data.left.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
} else if (fx.equals("U")) {
Data.up.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
} else if (fx.equals("D")) {
Data.down.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
}
//for循环身体数增加
for (int i = 1; i < length; i++) {
Data.body.paintIcon(this, g, snakeX[i], snakeY[i]);
}
//游戏状态
if (isStart == false) {
g.setColor(Color.WHITE);
g.setFont(new Font("微软雅黑", Font.BOLD, 40));
g.drawString("按下空格开始游戏!", 300, 300);
}
if (isFail){
g.setColor(Color.RED);
g.setFont(new Font("微软雅黑", Font.BOLD, 40));
g.drawString("游戏失败,按空格重新开始!", 300, 300);
}
}
//键盘监听事件
@Override
public void keyPressed(KeyEvent e) {
int keyCode = e.getKeyCode();//获得键盘按键
if (keyCode == KeyEvent.VK_SPACE) {//如果按下的是空格键
if (isFail){
//重新开始
isFail = false;
init();
}else {
isStart = !isStart;//取反
}
repaint();
}
//小蛇移动
if (keyCode == KeyEvent.VK_UP){
fx = "U";
}else if (keyCode == KeyEvent.VK_DOWN){
fx = "D";
}else if (keyCode == KeyEvent.VK_LEFT){
fx = "L";
}else if (keyCode == KeyEvent.VK_RIGHT){
fx = "R";
}
}
//事件监听---需要通过固定的时间来刷新 1s - 10次
@Override
public void actionPerformed(ActionEvent e) {
if (isStart && isFail == false){//如果游戏是开始状态,就让小蛇动起来!
//吃食物
if (snakeX[0]==foodx && snakeY[0]==foody){
//长度+1
length++;
//分数加10
score += 10;
//再次出现(画出)食物
foodx = 25+25*random.nextInt(34);
foody = 75+25*random.nextInt(24);
}
//移动
for (int i = length-1; i > 0 ; i--) {//后一节移动到前面一节的位置
snakeX[i] = snakeX[i-1];
snakeY[i] = snakeY[i-1];
}
//走向
if (fx.equals("R")){
snakeX[0] = snakeX[0]+25;
if (snakeX[0]>850) { snakeX[0] = 25; }//边界判断
}else if (fx.equals("L")){
snakeX[0] = snakeX[0]-25;
if (snakeX[0]<25) { snakeX[0] = 850; }//边界判断
}else if (fx.equals("U")){
snakeY[0] = snakeY[0]-25;
if (snakeY[0]<75) { snakeY[0] = 650; }//边界判断
}else if (fx.equals("D")){
snakeY[0] = snakeY[0]+25;
if (snakeY[0]>650) { snakeY[0] = 75; }//边界判断
}
//失败判定,撞到自己就算失败
for (int i = 1; i < length; i++) {
if (snakeX[0]==snakeX[i] &&snakeY[0]==snakeY[i]){
isFail = true;
}
}
repaint();//重画
}
timer.start();//定时器开始
}
@Override
public void keyReleased(KeyEvent e) {
}
@Override
public void keyTyped(KeyEvent e) {
}
}
画板类写了很多方法,在这里我建议,后期方法体多的时候。可以使用折叠,明白每一个区间是对应什么方法。方便后续的编写添加元素。:
折叠方便查看
画板类需求:
- 定义数据,然后将数据画上画板,所以我们首先需要创建一个画板。
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
this.setBackground(Color.white);
这是Jpaint类 中的一个重写方法,创建一个画笔g。
然后将背景画上去。
- 此时我们需要准备一个类去存放数据
- 所以我们新建一个数据类Data类
数据类:
package snake;
import javax.swing.*;
import java.net.URL;
public class Data {
//相对路径 tx.jpg
//绝对路径 / 相当于当前的项目
public static URL headerURL = Data.class.getResource("statics/header.png");
public static ImageIcon header = new ImageIcon(headerURL);
public static URL upURL = Data.class.getResource("statics/up.png");
public static URL downURL = Data.class.getResource("statics/down.png");
public static URL leftURL = Data.class.getResource("statics/left.png");
public static URL rightURL = Data.class.getResource("statics/right.png");
public static ImageIcon up = new ImageIcon(upURL);
public static ImageIcon down = new ImageIcon(downURL);
public static ImageIcon left = new ImageIcon(leftURL);
public static ImageIcon right = new ImageIcon(rightURL);
public static URL bodyURL = Data.class.getResource("statics/body.png");
public static ImageIcon body = new ImageIcon(bodyURL);
public static URL foodURL = Data.class.getResource("statics/food.png");
public static ImageIcon food = new ImageIcon(foodURL);
}
将素材中的图片导入,这就是数据类的作用
游戏面板
-
在这个游戏面板中 ,我们需要一个头部导航栏 ,和一个黑色的游戏矩形栏
-
代码如下:
//绘制静态面板
Data.header.paintIcon(this, g, 25, 11);//头部广告栏
g.fillRect(25, 75, 850, 600);
将蛇放入游戏面板中
对面板的大小进行计算 ,判断蛇的头部,第一个身体,第二个身体的坐标。
//定义蛇的数据结构
int length;//蛇的长度
int[] snakeX = new int[600];//蛇的X坐标 25*25
int[] snakeY = new int[600];//蛇的Y坐标 25*25
这里600×600已经超出边界,所以不用担心蛇会有游戏界面到不了的地方
初始化方法
init();
//初始化方法
public void init() {
length = 3;
snakeX[0] = 100;snakeY[0] = 100;//脑袋的位置
snakeX[1] = 75;snakeY[1] = 100;//第一个身体的坐标
snakeX[2] = 50;snakeY[2] = 100;//第二个身体的坐标
定义数据后:
//初始化方法
public void init() {
length = 3;
snakeX[0] = 100;snakeY[0] = 100;//脑袋的位置
snakeX[1] = 75;snakeY[1] = 100;//第一个身体的坐标
snakeX[2] = 50;snakeY[2] = 100;//第二个身体的坐标
fx = "R";
//把食物随机分布在界面上
foodx = 25+25*random.nextInt(34);
foody = 75+25*random.nextInt(24);
score = 0;//积分初始为零
}
定义构造器调用init()初始化方法
//构造器
public GamePanel() {
init();
因为类在启动时会默认先调用一遍构造器里隐含的super();
这里保证游戏在开始前是进行有一遍初始化的
把小蛇画上去
//把小蛇画上去
if (fx.equals("R")) {
Data.right.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
} else if (fx.equals("L")) {
Data.left.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
} else if (fx.equals("U")) {
Data.up.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
} else if (fx.equals("D")) {
Data.down.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
}
游戏面板上的字体
//游戏状态
if (isStart == false) {
g.setColor(Color.WHITE);
g.setFont(new Font("微软雅黑", Font.BOLD, 40));
g.drawString("按下空格开始游戏!", 300, 300);
}
if (isFail){
g.setColor(Color.RED);
g.setFont(new Font("微软雅黑", Font.BOLD, 40));
g.drawString("游戏失败,按空格重新开始!", 300, 300);
}
键盘监听
暴力方法–继承监听接口,直接实现接口方法
在这里我们继承KeyListener接口
直接alt + insert 调用接口的方法
选中键盘监听类
//键盘监听事件
@Override
public void keyPressed(KeyEvent e) {
定义数据
String fx;
int score; //成绩
//食物的坐标
int foodx;
int foody;
Random random = new Random();//实例化随机数类
//游戏当前状态:开始,停止
boolean isStart = false;
boolean isFail = false;
键盘监听
//键盘监听事件
@Override
public void keyPressed(KeyEvent e) {
int keyCode = e.getKeyCode();//获得键盘按键
if (keyCode == KeyEvent.VK_SPACE) {//如果按下的是空格键
if (isFail){
//重新开始
isFail = false;
init();
}else {
isStart = !isStart;//取反
}
repaint();
}
//小蛇移动
if (keyCode == KeyEvent.VK_UP){
fx = "U";
}else if (keyCode == KeyEvent.VK_DOWN){
fx = "D";
}else if (keyCode == KeyEvent.VK_LEFT){
fx = "L";
}else if (keyCode == KeyEvent.VK_RIGHT){
fx = "R";
}
}
事件监听
继承接口ActionListener
调用方法,重写
//事件监听---需要通过固定的时间来刷新 1s - 10次
@Override
public void actionPerformed(ActionEvent e) {
if (isStart && isFail == false){//如果游戏是开始状态,就让小蛇动起来!
//吃食物
if (snakeX[0]==foodx && snakeY[0]==foody){
//长度+1
length++;
//分数加10
score += 10;
//再次出现(画出)食物
foodx = 25+25*random.nextInt(34);
foody = 75+25*random.nextInt(24);
}
//移动
for (int i = length-1; i > 0 ; i--) {//后一节移动到前面一节的位置
snakeX[i] = snakeX[i-1];
snakeY[i] = snakeY[i-1];
}
//走向
if (fx.equals("R")){
snakeX[0] = snakeX[0]+25;
if (snakeX[0]>850) { snakeX[0] = 25; }//边界判断
}else if (fx.equals("L")){
snakeX[0] = snakeX[0]-25;
if (snakeX[0]<25) { snakeX[0] = 850; }//边界判断
}else if (fx.equals("U")){
snakeY[0] = snakeY[0]-25;
if (snakeY[0]<75) { snakeY[0] = 650; }//边界判断
}else if (fx.equals("D")){
snakeY[0] = snakeY[0]+25;
if (snakeY[0]>650) { snakeY[0] = 75; }//边界判断
}
//失败判定,撞到自己就算失败
for (int i = 1; i < length; i++) {
if (snakeX[0]==snakeX[i] &&snakeY[0]==snakeY[i]){
isFail = true;
}
}
repaint();//重画
}
定义定时器
//定时器 以ms(毫秒 )为单位 1000ms = 1s
Timer timer = new Timer(100,this);//100毫秒执行一次
在事件监听最后的时候要启动一次定时器
在构造器开始时要启动一次定时器
在构造器中 加入焦点锁定与定时
//构造器
public GamePanel() {
init();
// 获得焦点和键盘事件
this.setFocusable(true);//获得焦点事件
this.addKeyListener(this);//获得键盘监听事件
timer.start();//游戏一开始定时器就启动
}
食物与积分
int score; //成绩
//食物的坐标
int foodx;
int foody;
Random random = new Random();//实例化随机数类
构造器中
//把食物随机分布在界面上
foodx = 25+25*random.nextInt(34);
foody = 75+25*random.nextInt(24);
score = 0;//积分初始为零
画上画板
//把积分画上去
g.setColor(Color.WHITE);
g.setFont(new Font("微软雅黑",Font.BOLD,18));
g.drawString("长度:"+length,750,35);
g.drawString("分数:"+score,750,50);
//把食物画上去
Data.food.paintIcon(this,g,foodx,foody);
监听
//事件监听---需要通过固定的时间来刷新 1s - 10次
@Override
public void actionPerformed(ActionEvent e) {
if (isStart && isFail == false){//如果游戏是开始状态,就让小蛇动起来!
//吃食物
if (snakeX[0]==foodx && snakeY[0]==foody){
//长度+1
length++;
//分数加10
score += 10;
//再次出现(画出)食物
foodx = 25+25*random.nextInt(34);
foody = 75+25*random.nextInt(24);
}
一些具体放结尾
成果展示
画板类
package snake;
import com.sun.org.apache.xml.internal.security.Init;
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.util.Random;
public class GamePanel extends JPanel implements KeyListener, ActionListener {
//定义蛇的数据结构
int length;//蛇的长度
int[] snakeX = new int[600];//蛇的X坐标 25*25
int[] snakeY = new int[600];//蛇的Y坐标 25*25
String fx;
int score; //成绩
//食物的坐标
int foodx;
int foody;
Random random = new Random();//实例化随机数类
//游戏当前状态:开始,停止
boolean isStart = false;
boolean isFail = false;
//定时器 以ms(毫秒 )为单位 1000ms = 1s
Timer timer = new Timer(100,this);//100毫秒执行一次
//构造器
public GamePanel() {
init();
// 获得焦点和键盘事件
this.setFocusable(true);//获得焦点事件
this.addKeyListener(this);//获得键盘监听事件
timer.start();//游戏一开始定时器就启动
}
//初始化方法
public void init() {
length = 3;
snakeX[0] = 100;snakeY[0] = 100;//脑袋的位置
snakeX[1] = 75;snakeY[1] = 100;//第一个身体的坐标
snakeX[2] = 50;snakeY[2] = 100;//第二个身体的坐标
fx = "R";
//把食物随机分布在界面上
foodx = 25+25*random.nextInt(34);
foody = 75+25*random.nextInt(24);
score = 0;//积分初始为零
}
//画笔
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
this.setBackground(Color.white);
//绘制静态面板
Data.header.paintIcon(this, g, 25, 11);//头部广告栏
g.fillRect(25, 75, 850, 600);
//把积分画上去
g.setColor(Color.WHITE);
g.setFont(new Font("微软雅黑",Font.BOLD,18));
g.drawString("长度:"+length,750,35);
g.drawString("分数:"+score,750,50);
//把食物画上去
Data.food.paintIcon(this,g,foodx,foody);
//把小蛇画上去
if (fx.equals("R")) {
Data.right.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
} else if (fx.equals("L")) {
Data.left.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
} else if (fx.equals("U")) {
Data.up.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
} else if (fx.equals("D")) {
Data.down.paintIcon(this, g, snakeX[0], snakeY[0]);//小蛇脑袋初始化
}
//for循环身体数增加
for (int i = 1; i < length; i++) {
Data.body.paintIcon(this, g, snakeX[i], snakeY[i]);
}
//游戏状态
if (isStart == false) {
g.setColor(Color.WHITE);
g.setFont(new Font("微软雅黑", Font.BOLD, 40));
g.drawString("按下空格开始游戏!", 300, 300);
}
if (isFail){
g.setColor(Color.RED);
g.setFont(new Font("微软雅黑", Font.BOLD, 40));
g.drawString("游戏失败,按空格重新开始!", 300, 300);
}
}
//键盘监听事件
@Override
public void keyPressed(KeyEvent e) {
int keyCode = e.getKeyCode();//获得键盘按键
if (keyCode == KeyEvent.VK_SPACE) {//如果按下的是空格键
if (isFail){
//重新开始
isFail = false;
init();
}else {
isStart = !isStart;//取反
}
repaint();
}
//小蛇移动
if (keyCode == KeyEvent.VK_UP){
fx = "U";
}else if (keyCode == KeyEvent.VK_DOWN){
fx = "D";
}else if (keyCode == KeyEvent.VK_LEFT){
fx = "L";
}else if (keyCode == KeyEvent.VK_RIGHT){
fx = "R";
}
}
//事件监听---需要通过固定的时间来刷新 1s - 10次
@Override
public void actionPerformed(ActionEvent e) {
if (isStart && isFail == false){//如果游戏是开始状态,就让小蛇动起来!
//吃食物
if (snakeX[0]==foodx && snakeY[0]==foody){
//长度+1
length++;
//分数加10
score += 10;
//再次出现(画出)食物
foodx = 25+25*random.nextInt(34);
foody = 75+25*random.nextInt(24);
}
//移动
for (int i = length-1; i > 0 ; i--) {//后一节移动到前面一节的位置
snakeX[i] = snakeX[i-1];
snakeY[i] = snakeY[i-1];
}
//走向
if (fx.equals("R")){
snakeX[0] = snakeX[0]+25;
if (snakeX[0]>850) { snakeX[0] = 25; }//边界判断
}else if (fx.equals("L")){
snakeX[0] = snakeX[0]-25;
if (snakeX[0]<25) { snakeX[0] = 850; }//边界判断
}else if (fx.equals("U")){
snakeY[0] = snakeY[0]-25;
if (snakeY[0]<75) { snakeY[0] = 650; }//边界判断
}else if (fx.equals("D")){
snakeY[0] = snakeY[0]+25;
if (snakeY[0]>650) { snakeY[0] = 75; }//边界判断
}
//失败判定,撞到自己就算失败
for (int i = 1; i < length; i++) {
if (snakeX[0]==snakeX[i] &&snakeY[0]==snakeY[i]){
isFail = true;
}
}
repaint();//重画
}
timer.start();//定时器开始
}
@Override
public void keyReleased(KeyEvent e) {
}
@Override
public void keyTyped(KeyEvent e) {
}
}
主启动类
package snake;
import javax.swing.*;
//游戏的主启动类
public class StartGame {
public static void main(String[] args) {
JFrame frame = new JFrame();
frame.setBounds(10,10,900,720);
frame.setResizable(false);
//可视化
//正常游戏界面都应该在面上
frame.add(new GamePanel());
frame.setVisible(true);
}
}
数据类
package snake;
import javax.swing.*;
import java.net.URL;
public class Data {
//相对路径 tx.jpg
//绝对路径 / 相当于当前的项目
public static URL headerURL = Data.class.getResource("statics/header.png");
public static ImageIcon header = new ImageIcon(headerURL);
public static URL upURL = Data.class.getResource("statics/up.png");
public static URL downURL = Data.class.getResource("statics/down.png");
public static URL leftURL = Data.class.getResource("statics/left.png");
public static URL rightURL = Data.class.getResource("statics/right.png");
public static ImageIcon up = new ImageIcon(upURL);
public static ImageIcon down = new ImageIcon(downURL);
public static ImageIcon left = new ImageIcon(leftURL);
public static ImageIcon right = new ImageIcon(rightURL);
public static URL bodyURL = Data.class.getResource("statics/body.png");
public static ImageIcon body = new ImageIcon(bodyURL);
public static URL foodURL = Data.class.getResource("statics/food.png");
public static ImageIcon food = new ImageIcon(foodURL);
}
GUI学习完成
PS:学习链接
blic static URL leftURL = Data.class.getResource(“statics/left.png”);
public static URL rightURL = Data.class.getResource(“statics/right.png”);
public static ImageIcon up = new ImageIcon(upURL);
public static ImageIcon down = new ImageIcon(downURL);
public static ImageIcon left = new ImageIcon(leftURL);
public static ImageIcon right = new ImageIcon(rightURL);
public static URL bodyURL = Data.class.getResource("statics/body.png");
public static ImageIcon body = new ImageIcon(bodyURL);
public static URL foodURL = Data.class.getResource("statics/food.png");
public static ImageIcon food = new ImageIcon(foodURL);
}
[外链图片转存中...(img-iq1H4oGf-1615350951575)]
[外链图片转存中...(img-yFkkN8L9-1615350951575)]
[外链图片转存中...(img-M92V2jJP-1615350951575)]
# **GUI学习完成**
PS:学习链接
[GUI编程链接](https://www.bilibili.com/video/BV1DJ411B75F?p=23&spm_id_from=pageDriver)
[贪吃蛇素材链接](https://gitee.com/kuangstudy/openclass)