编程细胞

用户名：Floatingdream

访问量：12517

签　名：

简简单单每天收获一点

等　　级
排　　名	311
经　　验	5524
参赛次数	7
文章发表	20
年　　龄	21
在职情况	学生
学　　校	家里蹲大学
专　　业	物联网工程

　　自我简介：

菜鸟一枚

TA的其他文章

算法学习资料推荐
浏览：238

你可能喜欢

数字整除（C++代码）——(22行代码)真的只需要两个变量就够了

2005年春浙江省计算机等级考试二级C 编程题(3)，复杂度最低的方法没有之一！！！！！

推箱子小游戏

　　作者: 编程细胞　　　　发表时间：2020-04-09 17:07:58 浏览：539　|　评论：1　

## 0. 推箱子的基本信息

- 作者：莫相依

- `QQ号`：2698111472

- `QQ学习群`：290397456

## 1. 项目的准备

### 1.1 使用的工具

- IDEA工具

### 1.2 文件目录结构
![](/image_editor_upload/20200409050724_81112.png)

### 1.3 项目资料以及图片

- 加`QQ群`：290397456
- 通过网上去找，可能比较难找

## 2. 建立APP.java文件

### 2.1 APP.java文件里面的代码

```java
import cn.itcast.txz.ui.MainFrame;

//执行程序用的入口类
//报错时点下红色的小灯泡，然后回车，解决对象不能创建问题
public class App {
    public static void main(String[] args) {
        MainFrame mainFrame = new MainFrame();//快捷键：Alt+Enter
    }
}

```

### 2.2 解释说明

- 该Java文件用于运行代码，是执行程序的入口类

## 3. 建立MainFrame.java文件

### 3.1 MainFrame.java文件的说明

- 该文件需要继承Frame类，用于显示体窗口

- 该文件还需要实现KeyListener接口，此接口用于键盘检测
- 窗口显示，通过构造方法实现，通过构造方法可以看到全局思路
- 先创建的图片，会覆盖后创建的图片
- 添加图片组件的顺序：背景图片是最大的图片，要放在所有图片之后
- 构造方法代码展示

```java
package cn.itcast.txz.ui;

import javax.swing.*;//提供一组“轻量级”（全部是 Java 语言）组件
import java.awt.*;   //包含用于创建用户界面和绘制图形图像的所有类
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;

/*
 * MainFrame-->主窗体
 * ui-->user Interface(用户界面)
 */
//用于显示的主窗体
//需要继承Frame类--》需要导包
//长按Ctrl+鼠标点击--》查看内置信息，还可以快速找到自定义函数
//点击红色小灯泡，可以直接创建没有定义的函数
//块注释--》Ctrl+Shift+/
//单行注释--》Ctrl+/
//先创建的图片，会覆盖后创建的图片
//添加图片组件的顺序：背景图片是最大的图片，要放在所有图片之后
//快速重载接口中的方法--》Ctrl+I
//修改文件名称--》Shift+F6

public class MainFrame extends Frame implements KeyListener {
    //设置一个窗口最基本的信息
    //窗口显示-->构造方法
    public MainFrame() {
        //创建笼子（目的地）
        //为了使狼或者羊是进笼子的状态--》将笼子先定义
        targetInit();
        //创建灰太狼（人物）
        wolfInit();
        //创建懒洋洋（箱子）
        sheepInit();
        //创建树木（障碍物）
        treeIniti();
        //制作一个背景，并将背景添加到窗体中
        backgroundInit();
        //设置整个窗体
        setMainFrameUI();
        //事件监听机制--》键盘
        this.addKeyListener(this);
    }
    //... 省略方法的实现 ...
}
```

### 3.2 Frame类的说明

```java
//设置整个窗体的布局模式为自由布局
this.setLayout(null);
//设置窗口的标题
this.setTitle("灰太狼大战懒洋洋（推箱子小游戏）");
//设置窗口的位置
this.setLocation(x, y);//原点：屏幕最左上方
//设置窗口尺寸-->单位：像素
this.setSize(width, height);
//设置窗口显示-->true代表显示
this.setVisible(true);//显示窗口，写在最后
```

### 3.3 KeyListener接口的说明

```java
//需要覆盖重写KeyListener接口下的三个方法
//快速导入该类下的方法
//方法一：快捷键--》Ctrl+I
//方法二：点击红色小灯泡--》选择第一项【或者直接回车】

/*
获取键码值-->e.getKeyCode()
上下左右键盘：左（37）开始顺时针增大，一直到下（40）
左：37，上：38，右：39，下：40
int key = e.getKeyCode();
*/

@Override
public void keyTyped(KeyEvent e) {//按键类型

}

@Override
public void keyPressed(KeyEvent e) {//按键按下

}

@Override
public void keyReleased(KeyEvent e) {//按键松开

}
```

## 4.程序中，几个方法的实现

### 4.1 窗口的初始化

```java
    //设置主窗口的UI界面
    private void setMainFrameUI() {
        //设置整个窗体的布局模式为自由布局
        this.setLayout(null);
        //设置窗口的标题
        this.setTitle("灰太狼大战懒洋洋（推箱子小游戏）");
        //设置窗口的位置
        this.setLocation(110, 30);//原点：屏幕最左上方
        //设置窗口尺寸-->单位：像素
        this.setSize(826, 650);//宽：800，高：600
        //设置窗口显示-->true代表显示
        this.setVisible(true);//显示窗口，写在最后
    }
```

### 4.2 图片背景的初始化

```java
//图片背景初始化
    private void backgroundInit() {
        //创建一个图片对象-->图片大小：宽：800，高：600（在属性中查看）
        //这里使用绝对路径，是因为我的项目相对路径不行
        Icon icon = new    ImageIcon("D:\\IDEA_JAVA\\Java_YouXi\\TuiXiangZi\\src\\images\\bg.png");
        //使用JLabel制作背景--》组件
        JLabel lab_bg = new JLabel(icon);
        //设置组件位置和大小
        lab_bg.setBounds(12, 36, 800, 600);
        //将组件添加到窗体里面
        this.add(lab_bg);
    }
```

### 4.3 创建笼子（目的地）

- 解释为何笼子没有创建JLable数组
  - 因为笼子的位置是固定的，不用移动

```java
//目的地的初始化
    private void targetInit() {
        //创建一个图片对象-->图片大小：宽：50，高：50（在属性中查看）
        Icon icon = new ImageIcon("D:\\IDEA_JAVA\\Java_YouXi\\TuiXiangZi\\src\\images\\longzi.png");
        //使用JLabel制作背景--》组件
        JLabel lab_target = new JLabel(icon);//第一只笼子
        //设置组件位置和大小-->考虑背景图片的边距
        lab_target.setBounds(12 + 700, 36 + 200, 50, 50);
        //将组件添加到窗体里面
        this.add(lab_target);

JLabel lab_target2 = new JLabel(icon);//第二只笼子
        //设置组件位置和大小-->考虑背景图片的边距
        lab_target2.setBounds(12 + 700, 36 + 250, 50, 50);
        //将组件添加到窗体里面
        this.add(lab_target2);

JLabel lab_target3 = new JLabel(icon);//第三只笼子
        //设置组件位置和大小-->考虑背景图片的边距
        lab_target3.setBounds(12 + 700, 36 + 300, 50, 50);
        //将组件添加到窗体里面
        this.add(lab_target3);

//修改笼子对应位置为：8
        datas[4][14] = 8;//第一只笼子
        datas[5][14] = 8;//第二只笼子
        datas[6][14] = 8;//第三只笼子
    }
```

### 4.3 懒洋洋的创建（箱子）

```java
    //对我们要操作的组件，也就是所谓的JLable组件进行存放位置的设定
    //设定一个与数组存储对应着的JLable存储数组
    //当前数组创建后，将制作的箱子放进数组中
    JLabel[][] sheeps = new JLabel[12][16];
    //箱子的初始化
    private void sheepInit() {
        //创建一个图片对象-->图片大小：宽：50，高：50（在属性中查看）
        Icon icon = new ImageIcon("D:\\IDEA_JAVA\\Java_YouXi\\TuiXiangZi\\src\\images\\lanyangyang_jingtu.png");
        //使用JLabel制作背景--》组件
        JLabel lab_sheep1 = new JLabel(icon);//制作第一只羊
        //设置组件位置和大小-->考虑背景图片的边距
        lab_sheep1.setBounds(12 + 300, 36 + 200, 50, 50);
        //将组件添加到窗体里面
        this.add(lab_sheep1);

JLabel lab_sheep2 = new JLabel(icon);//制作第二只羊
        //设置组件位置和大小-->考虑背景图片的边距
        lab_sheep2.setBounds(12 + 300, 36 + 300, 50, 50);
        //将组件添加到窗体里面
        this.add(lab_sheep2);

JLabel lab_sheep3 = new JLabel(icon);//制作第三只羊
        //设置组件位置和大小-->考虑背景图片的边距
        lab_sheep3.setBounds(12 + 300, 36 + 400, 50, 50);
        //将组件添加到窗体里面
        this.add(lab_sheep3);

//修改箱子对应位置为：4
        datas[4][6] = 4;//第一只羊
        datas[6][6] = 4;//第二只羊
        datas[8][6] = 4;//第三只羊

//当前数组创建后，将制作的箱子放进数组中
        sheeps[4][6] = lab_sheep1;
        sheeps[6][6] = lab_sheep2;
        sheeps[8][6] = lab_sheep3;
    }
```

### 4.4 灰太狼的创建（推箱子的人）

- 解释为什么灰太狼，没有在数组里了面设置对应位置的数据
  - 因为狼是我们操作的推箱子的人，可以不用设置其对应位置的数据
  - 其实也可以设置对应位置的数据，就是后面狼的移动数据也要跟着移动
  - 不设置的好处：不用再更改对应位置的数据

```java
   //人物的位置
    int wx;//人物横向的位置
    int wy;//人物纵向的位置 
   //推箱子人物的初始化
    private void wolfInit() {
        wx = 4;//列
        wy = 6;//行
        //创建一个图片对象-->图片大小：宽：50，高：50（在属性中查看）
        Icon icon = new ImageIcon("D:\\IDEA_JAVA\\Java_YouXi\\TuiXiangZi\\src\\images\\huitailang_zheng.png");
        //使用JLabel制作背景--》组件
        lab_wolf = new JLabel(icon);
        //设置组件位置和大小-->考虑背景图片的边距-->第6行，第4列
        lab_wolf.setBounds(12 + wx * 50, 36 + wy * 50, 50, 50);
        //将组件添加到窗体里面
        this.add(lab_wolf);
    }
```

### 4.5 树木的创建（障碍物）

- 这里用于演示，所以地图比较简单
- 可以自己修改一下数组

```java
    //场景数据的模拟，使用二维数组模拟
    //行：600 / 50 = 12
    //列：800 / 50 = 16
    //1代表障碍物，0代表空地
    //4代表箱子，8代表目的地
    int[][] datas = {
            {1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1},
            {1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1},
            {1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1},
            {1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1},
            {1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1},
            {1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1},
            {1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1},
            {1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1},
            {1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1},
            {1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1},
            {1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1},
            {1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1}
    };
    //推箱子障碍物的初始化
    private void treeIniti() {
        //创建一个图片对象-->图片大小：宽：50，高：50（在属性中查看）
        Icon icon = new ImageIcon("D:\\IDEA_JAVA\\Java_YouXi\\TuiXiangZi\\src\\images\\shumu.png");
        //遍历二维数组-->快捷方式：数组名.fori
        for (int i = 0; i < datas.length; i++) {
            for (int j = 0; j < datas[i].length; j++) {
                if (datas[i][j] == 1) {
                    JLabel lab_tree = new JLabel(icon);
                    //设置组件位置和大小
                    lab_tree.setBounds(12 + 50 * j, 36 + 50 * i, 50, 50);
                    //将组件添加到窗体里面
                    this.add(lab_tree);
                }
            }
        }
    }

```

### 4.6 KeyListener接口实现

- KeyListener接口实现的实现只需要一个方法
- 这里只用了键盘松开的方法`keyReleased(KeyEvent e)` 
- 由于代码过长，省略部分代码
- 这里只展示【按右箭头】的代码
- 把用得比较频繁的判断放到前面用于优化代码

```java
@Override
    public void keyReleased(KeyEvent e) {//按键松开
        //获取键码值-->e.getKeyCode()
        //上下左右键盘：左（37）开始顺时针增大，一直到下（40）
        //左：37，上：38，右：39，下：40
        int key = e.getKeyCode();
        //获取人物的位置-->getLocation()-->图片的左顶点
        int x = (int) lab_wolf.getLocation().getX();
        int y = (int) lab_wolf.getLocation().getY();
		
        if(key == 39) {//点击【左按键】
        	... ...
        }
        else if(key == 38){//点击【上按键】
    		... ...
    	}else if (key == 39) {//点击【右按键】
            //人物+空地
            if (datas[wy][wx + 1] == 0) {
                //人物右移动-->x增加，y不变
                lab_wolf.setLocation(x + 50, y);//移动一个图片的大小
                //更换图片
                Icon icon = new ImageIcon("D:\\IDEA_JAVA\\Java_YouXi\\TuiXiangZi\\src\\images\\huitailang_you.png");
                lab_wolf.setIcon(icon);//设置图片路径
                wx = wx + 1;
                return;
            }

//人物+树木
            if (datas[wy][wx + 1] == 1) {
                return;
            }

//人物+箱子+空地
            if (datas[wy][wx + 1] == 4 && datas[wy][wx + 2] == 0) {
                //箱子的数据变化
                //箱子当前位置变为：4-4
                datas[wy][wx + 1] = 0;
                //箱子向前移动，位置变为：0+4
                datas[wy][wx + 2] = 4;
            }

//人物+箱子+树木
            if (datas[wy][wx + 1] == 4 && datas[wy][wx + 2] == 1) {
                return;
            }
            //人物+箱子+箱子
            if (datas[wy][wx + 1] == 4 && datas[wy][wx + 2] == 4) {
                return;
            }
            //人物+箱子+目标箱子
            if (datas[wy][wx + 1] == 4 && datas[wy][wx + 2] == 12) {
                return;
            }
            //人物+目标箱子+树木
            if (datas[wy][wx + 1] == 12 && datas[wy][wx + 2] == 1) {
                return;
            }
            //人物+目标箱子+箱子
            if (datas[wy][wx + 1] == 12 && datas[wy][wx + 2] == 4) {
                return;
            }
            //人物+目标箱子+目标箱子
            if (datas[wy][wx + 1] == 12 && datas[wy][wx + 2] == 12) {
                return;
            }

//人物+空目标
            if (datas[wy][wx + 1] == 8) {
                //人物右移动-->x增加，y不变
                lab_wolf.setLocation(x + 50, y);//移动一个图片的大小
                //更换图片
                Icon icon = new ImageIcon("D:\\IDEA_JAVA\\Java_YouXi\\TuiXiangZi\\src\\images\\huitailang_you.png");
                lab_wolf.setIcon(icon);//设置图片路径
                wx = wx + 1;
                return;
            }

//人物+箱子+空目标
            if (datas[wy][wx + 1] == 4 && datas[wy][wx + 2] == 8) {
                //箱子的数据变化
                //箱子当前位置变为：4-4
                datas[wy][wx + 1] = 0;
                //箱子向前移动，位置变为：8+4
                datas[wy][wx + 2] = 12;
                num = num + 1;
                victory();
            }

//人物+目标箱子+空地
            if (datas[wy][wx + 1] == 12 && datas[wy][wx + 2] == 0) {
                //箱子的数据变化
                //箱子当前位置变为：12-4
                datas[wy][wx + 1] = 8;
                //箱子向前移动，位置变为：0+4
                datas[wy][wx + 2] = 4;
                num = num - 1;
            }
            //人物+目标箱子+空目标
            if (datas[wy][wx + 1] == 12 && datas[wy][wx + 2] == 8) {
                //箱子的数据变化
                //箱子当前位置变为：12-4
                datas[wy][wx + 1] = 8;
                //箱子向前移动，位置变为：8+4
                datas[wy][wx + 2] = 12;
            }
            //箱子的模型变化
            //获取箱子的对象
            sheeps[wy][wx + 1].setLocation(12 + (wx + 2) * 50, 36 + wy * 50);
            sheeps[wy][wx + 2] = sheeps[wy][wx + 1];//将组件位置进行调整
            sheeps[wy][wx + 1] = null;//将组件原始位置清除掉

//人的位置发生变化
            datas[wy][wx] = 0;
            //人物右移动-->x增加，y不变
            lab_wolf.setLocation(x + 50, y);//移动一个图片的大小
            //更换图片
            Icon icon = new ImageIcon("D:\\IDEA_JAVA\\Java_YouXi\\TuiXiangZi\\src\\images\\huitailang_you.png");
            lab_wolf.setIcon(icon);//设置图片路径
            wx = wx + 1;
            return;
        }else if(key == 40) {//点击【下按键】
            ... ...
        }
```

### 4.7 判断输赢

- 这里写得过于简单
- 想丰富一下的话，建议学一下更好的方法实现一下

```java
	//箱子移到目的地的数量
    int num = 0;
	//箱子的总数
	int total = 3;

//判断胜利-->在num增加的时候判断胜利
    private void victory() {
        //如果num的值等于total的值，胜利
        //根据自己的规则判断胜利
        if (num == total) {
            System.out.println("你赢了！！！");
        }
    }
```

## 5. 狼移动判断（13种情况）

### 5.1 狼不能动的情况（7种）

1. 狼+树
2. 狼+羊+树
3. 狼+羊+羊
4. 狼+羊+目标羊
5. 狼+目标羊+树
6. 狼+目标羊+羊
7. 狼+目标羊+目标羊

### 5.2狼可以动的情况（6种）

1. 狼+空地
2. 狼+空笼子
3. 狼+羊+空地
4. 狼+羊+空笼子
5. 狼+目标羊+空地
6. 狼+目标羊+空笼子

## 6.成果展示
![](/image_editor_upload/20200409050649_55552.png)

0.0分

6 人评分

看不懂代码解释一下代码? 或者生成一段代码？试试AI编程助手吧

　　评论区

编程细胞

视频展示：https://b23.tv/BV1bK4y1r7x9

2020-04-09 20:02:29

编程细胞

TA的其他文章

你可能喜欢

C语言程序设计教程（第三版）课后习题6.8 （C语言代码）

数字整除（C++代码）——(22行代码)真的只需要两个变量就够了

C语言程序设计教程（第三版）课后习题6.4 （C语言代码）

校门外的树（C语言代码）

2005年春浙江省计算机等级考试二级C 编程题(3)，复杂度最低的方法没有之一！！！！！

推箱子小游戏

评论区

精彩推荐

简单的a+b （C语言代码）

不会做的

C语言程序设计教程（第三版）课后习题8.5 （C语言代码）

WU-格式化数据输出（C语言代码）

C语言程序设计教程（第三版）课后习题6.3 （C语言代码）

A+B for Input-Output Practice (III) （C语言代码）

星期判断机（C语言代码）

C语言训练-亲密数（C语言描述,反正怎么都能对）

统计立方数（C语言代码）

C语言程序设计教程（第三版）课后习题10.2 （C语言代码）

编程细胞

TA的其他文章

你可能喜欢

C语言程序设计教程（第三版）课后习题6.8 （C语言代码）

数字整除 （C++代码）——(22行代码)真的只需要两个变量就够了

C语言程序设计教程（第三版）课后习题6.4 （C语言代码）

校门外的树 （C语言代码）

2005年春浙江省计算机等级考试二级C 编程题(3)，复杂度最低的方法没有之一！！！！！

推箱子小游戏

评论区

精彩推荐

简单的a+b （C语言代码）

不会做的

C语言程序设计教程（第三版）课后习题8.5 （C语言代码）

WU-格式化数据输出 （C语言代码）

C语言程序设计教程（第三版）课后习题6.3 （C语言代码）

A+B for Input-Output Practice (III) （C语言代码）

星期判断机 （C语言代码）

C语言训练-亲密数 （C语言描述,反正怎么都能对）

统计立方数 （C语言代码）

C语言程序设计教程（第三版）课后习题10.2 （C语言代码）

数字整除（C++代码）——(22行代码)真的只需要两个变量就够了

校门外的树（C语言代码）

　　评论区

WU-格式化数据输出（C语言代码）

星期判断机（C语言代码）

C语言训练-亲密数（C语言描述,反正怎么都能对）

统计立方数（C语言代码）