• Java实战---拼图游戏

    目录

    1：拼图游戏的介绍

    2：实战演示

    （1）整体的窗体搭建

    （2）菜单的搭建

    （3）加载图片

    （4）图片顺序的打乱

    （5）实现图片的移动以及可以创建一些快捷键

    （6）点击事件的实现

    3：拼图游戏完整代码的演示

    1：拼图游戏的介绍

    Java实战拼图游戏，我大致分为六个部分。

    （1）整体的窗体搭建

    （2）菜单的搭建

    （3）加载图片

    （4）图片顺序的打乱

    （5）实现图片的移动以及可以创建一些快捷键

    （6）点击事件的实现

    2：实战演示

    （1）整体的窗体搭建

    整体的窗体搭建我们需要用到Java中的JFrame类，具体的用法我在代码中标了注释

    1. public void chuangti() {
    2. 		this.setTitle("拼图游戏");//创建标题
    3. 		this.setSize(700,650);//设置窗体大小
    4. 		this.setAlwaysOnTop(true);//页面锁定置前
    5. 		this.setLocationRelativeTo(null);//将页面居中
    6. 		this.setDefaultCloseOperation(3);//设置关闭模式
    7. 		this.setLayout(null);//取消默认的排列方式,因为后面自己想要设置一些排列方式
    8. 		
    9. 	}

    （2）菜单的搭建

    菜单就是一些点击功能的意思，如“重新游戏”，“结束游戏”之类的。菜单的搭建细分的话要用到三个类，从大到小是JMenuBar，JMenu，JMenuItem。这里我们只用到了前面两个类，代码如下：

    1. public void caidan() {
    2. 		JMenuBar jmbar=new JMenuBar();
    3. 		
    4. 		JMenu jm=new JMenu("功能");
    5. 		
    6. 		JMenuItem j1=new JMenuItem("重新游戏");
    7. 	    JMenuItem j2=new JMenuItem("结束游戏");//后面如果要是遇到鼠标的点击事件，就放到
    8.                                                 //  成员变 量位置，供全局使用
    9.                                                         
    10. 		
    11. 		j1.addActionListener(this);
    12. 		j2.addActionListener(this);
    13. 		
    14. 		jm.add(j1);
    15. 		jm.add(j2);
    16. 		
    17. 		jmbar.add(jm);
    18. 		
    19. 		this.setJMenuBar(jmbar);
    20. 	}

    （3）加载图片

    图片的加载，首先要知道自己的图片所放的位置还有给图片取的名字，我是按照1,2,3数字来取的，后面放到数组中好实现。接下来我们看下代码：

    1. public void image() {
    2. 		this.getContentPane().removeAll();;//删除原来的图片
    3. 		//开始插入图片
    4. 		for(int i=0;i<4;i++) {
    5. 			for(int j=0;j<4;j++) {
    6. 				ImageIcon imag=new ImageIcon("D:\\java\\eclipse\\eclipseinstall\\installers bags\\game\\animal\\animal5\\"+data[i][j]+".jpg");
    7. 				JLabel jl=new JLabel(imag);
    8. 				jl.setBounds(j*80+110,i*80+100,80,80);//设置位置
    9. 				jl.setBorder(new BevelBorder(1));//将图片设置成嵌入式的感觉
    10. 				this.getContentPane().add(jl);//图片添加上去
    11. 			}
    12. 		}
    13. 		//插入背景图篇
    14. 		ImageIcon im=new ImageIcon("D:\\java\\eclipse\\eclipseinstall\\installers bags\\game\\login\\background.png");
    15. 		JLabel jl=new JLabel(im);
    16. 		jl.setBounds(50,15,470,390);
    17. 		this.getContentPane().add(jl);
    18. 		
    19. 		this.repaint();//刷新
    20. 	}

    （4）图片顺序的打乱

    这个实现就是按照前面图片所取的名字来随机获取，得到随机图片，具体如下：

    1. public void daluan() {
    2. 		int[] t={0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15};
    3. 		Random r=new Random();
    4. 		for(int i=0;i<16;i++) {
    5. 			int index=r.nextInt(16);
    6. 			int c=t[index];
    7. 			t[index]=t[i];
    8. 			t[i]=c;
    9. 		}
    10. 		for(int i=0;i<16;i++) {
    11. 			if(t[i]==0) {
    12. 				x=i/4;
    13. 				y=i%4;
    14. 			}
    15. 			data[i/4][i%4]=t[i];
    16. 		}
    17. 	}
    18. //因为data数组全局使用，所以设置成了全局变量

    （5）实现图片的移动以及可以创建一些快捷键

    图片的移动，仔细想想其实就是将拼图中空白图片的位置与所对应的方向的图片交换位置而已，那也就是说将data数组中的元素互换，再重新加载图片即可。而这上下移动就需要用到键盘监听，在键盘上按的键，控制台就会收到一个唯一的编号（如输入a，会得到65，但是注意这不是ASCII值，只是一个普通的编号）知道这些其实就是一个简单的if分支语句，难点主要是大家不太熟悉使用键盘监听机制—KeyListener，所以直接看代码吧：

    1. public void keyReleased(KeyEvent e) {
    2. 		// TODO Auto-generated method stub
    3. 		int code=e.getKeyCode();//获得键盘
    4. 		System.out.println(code);
    5. 		if(code==40) {
    6. 			//下
    7. 			if(x==3) {
    8. 				return ;
    9. 			}
    10. 			int c;
    11. 			c=data[x][y];
    12. 			data[x][y]=data[x+1][y];
    13. 			data[x+1][y]=c;
    14. 			x++;
    15. 			image();
    16. 		}
    17. 		else if(code==39) {
    18. 			//右
    19. 			if(y==3) {
    20. 				return ;
    21. 			}
    22. 			int c=data[x][y];
    23. 			data[x][y]=data[x][y+1];
    24. 			data[x][y+1]=c;
    25. 			y++;
    26. 			image();
    27. 		}
    28. 		else if(code==38) {
    29. 			//上
    30. 			if(x==0) {
    31. 				return ;
    32. 			}
    33. 			int c=data[x][y];
    34. 			data[x][y]=data[x-1][y];
    35. 			data[x-1][y]=c;
    36. 			x--;
    37. 			image();//加载图片
    38. 		}
    39. 		else if(code==37) {
    40. 			//左
    41. 			if(y==0) {
    42. 				return ;
    43. 			}
    44. 			int c=data[x][y];
    45. 			data[x][y]=data[x][y-1];
    46. 			data[x][y-1]=c;
    47. 			y--;
    48. 			image();
    49. 		}
    50. 		
    51. 		//后面你可以自己分支中再定义一些快捷键
    52. 	}

    （6）点击事件的实现

    点击事件的实现其实与前面第二点菜单的搭建离不开，菜单搭建里面有重新游戏这个功能，可是点了之后并未有什么反应，这是为什么呢？因为我们并未给这个选项添加事件，换句话说我们并未给重新游戏这四个字添加它应该去做的事情，既然点击，那么我们就需要用到行为监听机制（它只分为空格和点击），具体代码如下：

    1. public void actionPerformed(ActionEvent e) {
    2. 		// TODO Auto-generated method stub
    3. 		Object s=e.getSource();//获取点击事件
    4. 		if(s==j1) {
    5. 			//重新游戏
    6. 			System.out.println("点击了重新游戏");
    7. 			daluan();
    8. 			image();
    9. 		}
    10. 		else if(s==j2) {
    11. 			//结束游戏
    12. 			System.out.println("点击了结束游戏");
    13. 			System.exit(0);
    14. 		}
    15. 	}

    3：拼图游戏完整代码的演示

    1. import java.awt.event.ActionEvent;
    2. import java.awt.event.ActionListener;
    3. import java.awt.event.KeyEvent;
    4. import java.awt.event.KeyListener;
    5. import java.util.Random;
    6.  
    7. import javax.swing.ImageIcon;
    8. import javax.swing.JFrame;
    9. import javax.swing.JLabel;
    10. import javax.swing.JMenu;
    11. import javax.swing.JMenuBar;
    12. import javax.swing.JMenuItem;
    13. import javax.swing.border.BevelBorder;
    14.  
    15. public class game_jframe extends JFrame implements KeyListener,ActionListener{
    16. 	int[][] data=new int[4][4];
    17. 	int x,y;//表示空白图片的位置
    18. 	JMenuItem j1=new JMenuItem("重新游戏");
    19. 	JMenuItem j2=new JMenuItem("结束游戏");
    20. 	
    21. 	public game_jframe() {
    22. 		chuangti();
    23. 		caidan();
    24. 		daluan();
    25. 		image();
    26. 	    this.addKeyListener(this);
    27. 		this.setVisible(true);//可视化
    28. 	}
    29. 	
    30. 	
    31. 	//窗体搭建
    32. 	public void chuangti() {
    33. 		this.setTitle("拼图游戏");//创建标题
    34. 		this.setSize(700,650);//设置窗体大小
    35. 		this.setAlwaysOnTop(true);//页面锁定置前
    36. 		this.setLocationRelativeTo(null);//将页面居中
    37. 		this.setDefaultCloseOperation(3);//设置关闭模式
    38. 		this.setLayout(null);//取消默认的排列方式
    39. 		
    40. 	}
    41. 	//菜单搭建
    42. 	public void caidan() {
    43. 		JMenuBar jmbar=new JMenuBar();
    44. 		
    45. 		JMenu jm=new JMenu("功能");
    46. 		
    47. 		
    48. 		
    49. 		j1.addActionListener(this);
    50. 		j2.addActionListener(this);
    51. 		
    52. 		jm.add(j1);
    53. 		jm.add(j2);
    54. 		
    55. 		jmbar.add(jm);
    56. 		
    57. 		this.setJMenuBar(jmbar);
    58. 	}
    59. 	//加载图片
    60. 	public void image() {
    61. 		this.getContentPane().removeAll();;//删除原来的图片
    62. 		//开始插入图片
    63. 		for(int i=0;i<4;i++) {
    64. 			for(int j=0;j<4;j++) {
    65. 				ImageIcon imag=new ImageIcon("D:\\java\\eclipse\\eclipseinstall\\installers bags\\game\\animal\\animal5\\"+data[i][j]+".jpg");
    66. 				JLabel jl=new JLabel(imag);
    67. 				jl.setBounds(j*80+110,i*80+100,80,80);
    68. 				jl.setBorder(new BevelBorder(1));
    69. 				this.getContentPane().add(jl);
    70. 			}
    71. 		}
    72. 		//插入背景图篇
    73. 		ImageIcon im=new ImageIcon("D:\\java\\eclipse\\eclipseinstall\\installers bags\\game\\login\\background.png");
    74. 		JLabel jl=new JLabel(im);
    75. 		jl.setBounds(50,15,470,390);
    76. 		this.getContentPane().add(jl);
    77. 		
    78. 		this.repaint();//刷新
    79. 	}
    80. 	//打乱图片
    81. 	public void daluan() {
    82. 		int[] t={0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15};
    83. 		Random r=new Random();
    84. 		for(int i=0;i<16;i++) {
    85. 			int index=r.nextInt(16);
    86. 			int c=t[index];
    87. 			t[index]=t[i];
    88. 			t[i]=c;
    89. 		}
    90. 		for(int i=0;i<16;i++) {
    91. 			if(t[i]==0) {
    92. 				x=i/4;
    93. 				y=i%4;
    94. 			}
    95. 			data[i/4][i%4]=t[i];
    96. 		}
    97. 	}
    98.  
    99.  
    100. 	@Override
    101. 	public void keyTyped(KeyEvent e) {
    102. 		// TODO Auto-generated method stub
    103. 		
    104. 	}
    105.  
    106.  
    107. 	@Override
    108. 	public void keyPressed(KeyEvent e) {
    109. 		// TODO Auto-generated method stub
    110. 	}
    111. 	@Override
    112. 	public void keyReleased(KeyEvent e) {
    113. 		// TODO Auto-generated method stub
    114. 		int code=e.getKeyCode();//获得键盘
    115. 		System.out.println(code);
    116. 		if(code==40) {
    117. 			//下
    118. 			if(x==3) {
    119. 				return ;
    120. 			}
    121. 			int c;
    122. 			c=data[x][y];
    123. 			data[x][y]=data[x+1][y];
    124. 			data[x+1][y]=c;
    125. 			x++;
    126. 			image();
    127. 		}
    128. 		else if(code==39) {
    129. 			//右
    130. 			if(y==3) {
    131. 				return ;
    132. 			}
    133. 			int c=data[x][y];
    134. 			data[x][y]=data[x][y+1];
    135. 			data[x][y+1]=c;
    136. 			y++;
    137. 			image();
    138. 		}
    139. 		else if(code==38) {
    140. 			//上
    141. 			if(x==0) {
    142. 				return ;
    143. 			}
    144. 			int c=data[x][y];
    145. 			data[x][y]=data[x-1][y];
    146. 			data[x-1][y]=c;
    147. 			x--;
    148. 			image();//加载图片
    149. 		}
    150. 		else if(code==37) {
    151. 			//左
    152. 			if(y==0) {
    153. 				return ;
    154. 			}
    155. 			int c=data[x][y];
    156. 			data[x][y]=data[x][y-1];
    157. 			data[x][y-1]=c;
    158. 			y--;
    159. 			image();
    160. 		}
    161. 		
    162. 		//后面你可以自己分支中再定义一些快捷键
    163. 	}
    164.  
    165.  
    166. 	@Override
    167. 	public void actionPerformed(ActionEvent e) {
    168. 		// TODO Auto-generated method stub
    169. 		Object s=e.getSource();//获取点击事件
    170. 		if(s==j1) {
    171. 			//重新游戏
    172. 			System.out.println("点击了重新游戏");
    173. 			daluan();
    174. 			image();
    175. 		}
    176. 		else if(s==j2) {
    177. 			//结束游戏
    178. 			System.out.println("点击了结束游戏");
    179. 			System.exit(0);
    180. 		}
    181. 	}
    182. }

    上面那个是拼图游戏类，想要运行必须要有main函数作为程序入口，所以还要在建立一个测试类

    1.  
    2. public class test{
    3. 	public static void main(String[] args) {
    4. 		new game_jframe();
    5. 	}
    6. }

     具体的大小大家自己调整，我们没有调整，坐标大小都是自己瞎编的！

  • 相关阅读:
    如何把图片文字转换成文字？图片转文字方法推荐
    idea 永久配置 provided scope to classpath
    MySQL运维9-Mycat分库分表之枚举分片
    公钥、私钥、证书、加密、解密、加签、验签
    InnoDB备份与恢复篇(4)-InnoDB的故障恢复与日志分析
    驱动开发day8
    ssh基于WEB的农产品销售管理系统
    JavaEE进阶常见面试问题 - 细节狂魔
    多云容器编排 Karmada-Operator 实践
    2）.基础平台与业务实现规范
  • 原文地址：https://blog.csdn.net/gaoqiandr/article/details/127709901