Java实现Android拼图游戏设计过程解析
作者:biyezuopinvip 时间:2021-10-02 17:13:18
1.项目介绍
这是一款基于 Java 开发的移动端安卓小游戏——大家来拼图
2.项目原理
把选定的一张图片切分很多份,先是 33 格式,在一定的时间内点击格子交换使图形拼成一张完整的图片就算闯关成功,这样关卡也很容易设计,33;44;55;6*6;
3.项目设计
我们需要一个容器,可以放这些图片的块块,为了方便,我们准备使用RelativeLayout
配合 addRule
实现
每个图片的块块,我们准备使用 ImageView
点击交换,我们准备使用传统的 TranslationAnimation
来实现
4.项目实现
代码实现:
首先,我们准备实现能够把一张图片,切成 n*n 份,放在指定的位置;
我们只需要设置 n 这个数字,然后根据布局的宽或者高其中的小值,除以 n,减去一些边距就可以得到我们 ImageView
的宽和高了
5.获取布局
构造方法里面,我们得到把设置的 margin
值转化为 dp;获得布局的 padding
值;整体是个正方形,所以我们取 padding
四个方向中的最小值;
onMeasure
里面主要就是获得到布局的宽度,然后进行图片的准备,以及初始化我们的 Item
,为 Item 设置宽度和高度
6.准备图片
这里如果没有设置 mBitmap
就准备一张备用图片,然后调用 ImageSplitter.split
将图片切成 n * n 返回一个 List,这需要新建一个图片切割类 ImageSplitterUtil
切完以后,我们需要将顺序打乱,所以我们调用了 sort 方法,至于比较器,我们使用 random 随机比较大小,这样我们就完成了我们的乱序操作,这里要新建一个 ImagePiece 类来保存图片以及索引。
7.初始化 item
Item宽的计算:childWidth = (mWidth - mPadding * 2 - mMargin * (mColumn - 1) ) / mColumn;
容器的宽度,除去自己的内边距,除去Item间的间距,然后除以Item一行的个数就得到了Item的宽
接下来,就是遍历生成Item,根据他们的位置设置Rule
8.游戏图片的切换
要实现点击两个 Item,他们的图片能够发生交换,B 隐藏副本动画移动到 B 的位置;B 副本移动到 A 的位置
把图片设置为 B,把 B 副本移除,A 显示,这样就完美切合了,用户感觉是 B 移动过去的
B同上
9.游戏胜利的判断
遍历所有的 Item
,根据 Tag 拿到真正的索引和当然顺序比较,完全一致则胜利~~胜利以后进入下一关
10.游戏封面
添加一张背景图片,写入游戏名字(大家来拼图),再设置几个按钮,然后点击开始跳转到游戏内容界面。
项目效果展示:
来源:https://blog.csdn.net/newlw/article/details/122978611?
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
如何基于java实现Gauss消元法过程解析
![](https://img.aspxhome.com/file/2023/3/66953_0s.png)
MyBatis-Plus中最简单的查询操作教程(Lambda)
![](https://img.aspxhome.com/file/2023/7/73097_0s.png)
intellij idea修改maven配置时总是恢复默认配置的解决方法idea版本(2020.2.x)
![](https://img.aspxhome.com/file/2023/5/89585_0s.png)
java绘制五子棋棋盘
![](https://img.aspxhome.com/file/2023/9/81189_0s.jpg)
设计模式之责任链模式_动力节点Java学院整理
![](https://img.aspxhome.com/file/2023/4/81924_0s.jpg)
Java聊天室之解决连接超时问题
![](https://img.aspxhome.com/file/2023/5/69115_0s.png)
java 之JNA中的Memory和Pointer的使用方法
Java WebService开源框架CXF详解
![](https://img.aspxhome.com/file/2023/0/62820_0s.jpg)
c#实现选择排序的示例
![](https://img.aspxhome.com/file/2023/6/78116_0s.gif)
Springboot项目快速实现拦截器功能
![](https://img.aspxhome.com/file/2023/8/77068_0s.png)
Java在PDF中添加表格过程详解
![](https://img.aspxhome.com/file/2023/7/86787_0s.jpg)
使用Java开发实现OAuth安全认证的应用
![](https://img.aspxhome.com/file/2023/7/64917_0s.png)
Spring MVC全局异常实例详解
![](https://img.aspxhome.com/file/2023/7/66477_0s.png)
浅谈Java之终止继承:Final类和Fianl方法
![](https://img.aspxhome.com/file/2023/7/85537_0s.png)
Java去掉数字字符串开头的0三种方法(推荐)
操作xml,将xml数据显示到treeview的C#代码
![](https://img.aspxhome.com/file/2023/7/85697_0s.jpg)
详解JAVA类加载机制(推荐)
C#使用集合实现二叉查找树
![](https://img.aspxhome.com/file/2023/3/83353_0s.png)
JFrame中添加和设置JPanel的方法实例解析
![](https://img.aspxhome.com/file/2023/6/87196_0s.jpg)