自学Java篇之JFrame创建《石头迷阵小游戏》

根据黑马程序员java教程自学完java基础，觉得石头迷阵小游戏案例具有一定的编程练习价值，记录之。

最终效果：

案例主要思想流程：

主要是思想是创建一个4*4的二维数组data（初始化时打乱数组元素），存放石头编号，再根据编号（0,1,2…）进行imagelabel读取石头图片，组合展示到画板中。

监听键盘上下左右间，根据键盘监听的数值进行if判断，将0编号的石头（即黑方块）根据上下左右对应的进行交换，即是对二维数组里的元素进行交换，交换一次就进行对二维数组展现一次（即刷新面板，重新展现一次石头，可以想成图片一帧帧切换）。

根据移动到最后数组的元素等于胜利时的数组元素时，面板展示胜利图片，添加上步数统计，即监听键盘按了几次，以及重新开始按钮，即是对程序的重新运行，（打乱数组，重新展示。）

1、创建窗口完整框架：

首先创建两个类，分别为MainFrame类和test类，前者用于游戏类的编写，后者用于运行游戏类代码。

MainFrame类：

package StonePuzzie;
import javax.swing.*;
import java.util.Random;
public class MainFrame extends JFrame {int[][] data = {{1, 2, 3, 4},{5, 6, 7, 8},{9, 10, 11, 12},{13, 14, 15, 0}};
//  MainFrame类创建自己构造方法：public  MainFrame(){//        1、数据初始化initData();
//        2、初始化窗体initFrame();
//        3、绘制窗体painView();
//        设置窗口可见setVisible(true);}/*** chushi初始化数据（随机打乱二维数据）*/public void initData(){/*创建rondom对象进行，随机生产x，y，用于确定data数组的下标，替换值，达到打乱数组顺序效果*/Random r = new Random();for (int i = 0; i < data.length; i++) {for (int j = 0; j < data[i].length; j++) {int randomX = r.nextInt(4);int randomY = r.nextInt(4);int temp = data[i][j]; data[i][j] = data[randomX][randomY]; data[randomX][randomY] = temp;}}}/*** 用于初始化窗体*/public void initFrame(){setSize(514,595);setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);setTitle("石头迷阵v1.0");setAlwaysOnTop(true);setLocationRelativeTo(null);setLayout(null);}/*** 用于绘制游戏界面*/public void painView(){for (int i=0;i<4;i++){for (int j=0;j<4;j++){System.out.println(data[i][j]);JLabel imageLabel = new JLabel(new ImageIcon("D:\\image\\"+data[i][j]+".png"));imageLabel.setBounds(50+100*j,90+100*i,100,100);getContentPane().add(imageLabel);}}JLabel background = new JLabel(new ImageIcon("D:\\image\\background.png"));background.setBounds(26,30,450,484);getContentPane().add(background);super.getContentPane().repaint();}
}

test类：

package StonePuzzie;public class test {public static void main(String[] args) {//        调用执行构造方法
//        相当于： MainFrame mainFrame =new MainFrame();new MainFrame();}
}

这样就完成第一步，初始化窗口展示：

2、添加移动石头业务模块：

使用键盘上下左右键进行对石头的移动，就需要使用接口KeyListener，对键盘进行监听，所有MainFrame类需要实现接口，即implements KeyListener。再重写接口中的keyPressed，监听键盘按下的事件。方法中添加move方法的代码，用于移动石块。

前提是需要在数据初始化时，找到黑方块。”0“编号的数组下标。再进行对0编号进行move操作：

寻找0编号数组下标：

      int row;        // 0号元素行坐标位置int column;     // 0号元素列坐标位置//        用于确定0格子的位置for (int i = 0; i < data.length; i++) {for (int j = 0; j < data[i].length; j++) {if (data[i][j] == 0) {row = i;column = j;}}

编写move方法代码：

  private void move(int keyCode) {//左移动：if (keyCode == 37) {if (column == 3) {return;}// 空白块和右侧数据交换// data[row][column]  data[row][column+1]int temp = data[row][column];data[row][column] = data[row][column + 1];data[row][column + 1] = temp;column++;//            上移动：} else if (keyCode == 38) {if (row == 3) {return;}// 空白块和下面的数据交换// data[row][column] data[row+1][column]int temp = data[row][column];data[row][column] = data[row + 1][column];data[row + 1][column] = temp;row++;//            右移动} else if (keyCode == 39) {if (column == 0) {return;}// 空白块和左侧的数据交换// data[row][column] data[row][column-1]int temp = data[row][column];data[row][column] = data[row][column - 1];data[row][column - 1] = temp;column--;//            下移动：} else if (keyCode == 40) {if (row == 0) {return;}// 空白块和上面的数据交换// data[row][column] data[row-1][column]int temp = data[row][column];data[row][column] = data[row - 1][column];data[row - 1][column] = temp;row--;}

重写监听键盘接口实现方法：

    @Overridepublic void keyPressed(KeyEvent e) {//        获得键盘按下的键的键值。int keyCode = e.getKeyCode();System.out.println("键值为：");System.out.println(keyCode);
//        传入move方法：move(keyCode);
//        执行一次移动后需要进行重新绘制游戏界面：painView();}

3、添加判断胜利模块：

该模块的添加，应该在展示用于绘制界面的方法painView()中，每次移动后需要重新绘制界面时，需要进行一个判断，，看现在的数组是否等于胜利的数组win：，输出胜利的图片：

判断是否胜利返回布尔值true or false：

int[][] win = {{1, 2, 3, 4},{5, 6, 7, 8},{9, 10, 11, 12},{13, 14, 15, 0}};
/*** 判断游戏是否胜利*/public boolean victory() {for (int i = 0; i < data.length; i++) {for (int j = 0; j < data[i].length; j++) {if (data[i][j] != win[i][j]) {return false;}}}return true;}

中插入判断代码：

if(victory()){// 加载胜利图片资源, 添加到窗体中JLabel winLabel = new JLabel(new ImageIcon("D:\\image\\win.png"));winLabel.setBounds(124,230,266, 88);getContentPane().add(winLabel);}

4、添加记录步数和“重新游戏”模块：

该模块的记录步数，需要一开始定一个全局变量count，并且点击重新游戏的时候，count赋值为0，在move代码中，每进行一次移动，count++，最后在窗体展示的代码painView()中，创建一个窗体展示记录步数展示，再创建一个按钮，点击按钮后事件进行对游戏重新开始，重新初始化数组，count归为0。

记录步数：

int count；
JLabel scoreLabel = new JLabel("步数为:" + count);scoreLabel.setBounds(50,20,100,20);getContentPane().add(scoreLabel);

重新开始按钮：

     JButton btn = new JButton("重新游戏");btn.setBounds(350,20,100,20);getContentPane().add(btn);
//        取消按钮焦点。btn.setFocusable(false);btn.addActionListener(new ActionListener() {@Overridepublic void actionPerformed(ActionEvent e) {count =0;initData();painView();}});

5、添加作弊器，一键“胜利“：

添加作弊器，主要是在键盘按键监听事件中，添加一个if判断，如果自己设定的按键，（比如z，键值为：90），然后在move代码中写入对数据data重新赋值为胜利时的win数组一样的数据

 else if (keyCode == 90) {// 触发作弊器data = new int[][]{{1, 2, 3, 4},{5, 6, 7, 8},{9, 10, 11, 12},{13, 14, 15, 0}};}

6、整体代码：

MainFrame类：

package com.itheima.stonepuzzle;import javax.swing.*;
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 MainFrame extends JFrame implements KeyListener {int[][] data = {{1, 2, 3, 4},{5, 6, 7, 8},{9, 10, 11, 12},{13, 14, 15, 0}};int[][] win = {{1, 2, 3, 4},{5, 6, 7, 8},{9, 10, 11, 12},{13, 14, 15, 0}};int row;        // 0号元素行坐标位置int column;     // 0号元素列坐标位置int count;      // 统计步数
//构造方法：：public MainFrame() {// 窗体对象.addKeyListener(KeyListener实现类对象);this.addKeyListener(this);// this : 当前类对象// 1) 窗体对象// 2) KeyListener实现类对象// 初始化窗体initFrame();// 初始化数据initData();// 绘制游戏界面paintView();// 设置窗体可见setVisible(true);}/*** 初始化数据 (打乱二维数组)*/public void initData() {// 准备Random对象Random r = new Random();// 遍历二维数组, 获取到每一个元素for (int i = 0; i < data.length; i++) {for (int j = 0; j < data[i].length; j++) {int randomX = r.nextInt(4);int randomY = r.nextInt(4);// data[i][j]// data[randomX][randomY]int temp = data[i][j];data[i][j] = data[randomX][randomY];data[randomX][randomY] = temp;}}
//        用于确定0格子的位置for (int i = 0; i < data.length; i++) {for (int j = 0; j < data[i].length; j++) {if (data[i][j] == 0) {row = i;column = j;}}}}/*** 此方法用于初始化窗体*/public void initFrame() {// 设置窗体大小setSize(514, 595);// 设置窗体关闭模式setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);// 设置窗体标题setTitle("石头迷阵单机版V1.0");// 设置窗体置顶setAlwaysOnTop(true);// 设置窗体居中setLocationRelativeTo(null);// 取消默认布局setLayout(null);}/*** 此方法用于绘制游戏界面*/public void paintView() {getContentPane().removeAll();if(victory()){// 加载胜利图片资源, 添加到窗体中JLabel winLabel = new JLabel(new ImageIcon("D:\\image\\win.png"));winLabel.setBounds(124,230,266, 88);getContentPane().add(winLabel);}JButton btn = new JButton("重新游戏");btn.setBounds(350,20,100,20);getContentPane().add(btn);btn.setFocusable(false);btn.addActionListener(e -> {count = 0;initData();paintView();});JLabel scoreLabel = new JLabel("步数为:" + count);scoreLabel.setBounds(50,20,100,20);getContentPane().add(scoreLabel);for (int i = 0; i < 4; i++) {// i = 0 1 2 3for (int j = 0; j < 4; j++) {// j = 0 1 2 3JLabel imageLabel = new JLabel(new ImageIcon("D:\\image\\" + data[i][j] + ".png"));imageLabel.setBounds(50 + 100 * j, 90 + 100 * i, 100, 100);getContentPane().add(imageLabel);}}JLabel background = new JLabel(new ImageIcon("D:\\image\\background.png"));background.setBounds(26, 30, 450, 484);getContentPane().add(background);getContentPane().repaint();}/*** 判断游戏是否胜利*/public boolean victory() {for (int i = 0; i < data.length; i++) {for (int j = 0; j < data[i].length; j++) {if (data[i][j] != win[i][j]) {return false;}}}return true;}/*** 此方法用于处理移动业务*/private void move(int keyCode) {if(victory()){return;}
//左移动：if (keyCode == 37) {if (column == 3) {return;}// 空白块和右侧数据交换// data[row][column]  data[row][column+1]int temp = data[row][column];data[row][column] = data[row][column + 1];data[row][column + 1] = temp;column++;count++;
//            上移动：} else if (keyCode == 38) {if (row == 3) {return;}// 空白块和下面的数据交换// data[row][column] data[row+1][column]int temp = data[row][column];data[row][column] = data[row + 1][column];data[row + 1][column] = temp;row++;count++;
//            右移动} else if (keyCode == 39) {if (column == 0) {return;}// 空白块和左侧的数据交换// data[row][column] data[row][column-1]int temp = data[row][column];data[row][column] = data[row][column - 1];data[row][column - 1] = temp;column--;count++;
//            下移动：} else if (keyCode == 40) {if (row == 0) {return;}// 空白块和上面的数据交换// data[row][column] data[row-1][column]int temp = data[row][column];data[row][column] = data[row - 1][column];data[row - 1][column] = temp;row--;count++;} else if (keyCode == 90) {// 触发作弊器data = new int[][]{{1, 2, 3, 4},{5, 6, 7, 8},{9, 10, 11, 12},{13, 14, 15, 0}};}}@Overridepublic void keyPressed(KeyEvent e) {int keyCode = e.getKeyCode();
//        System.out.println("键值：");
//        System.out.println(keyCode);move(keyCode);// 每一次移动之后, 都重新绘制游戏界面paintView();}// ----------------------------------------------------@Overridepublic void keyReleased(KeyEvent e) {}@Overridepublic void keyTyped(KeyEvent e) {}// ----------------------------------------------------
}

test类运行。

最后：

创作分享不易，如果觉得对您有一定的帮助，请点个小小关注bo。