目录

• 1.项目介绍
• 2.项目原理
• 3.项目设计
• 4.项目实现
• 5.获取布局
• 6.准备图片
• 7.初始化 item
• 8.游戏图片的切换
• 9.游戏胜利的判断
• 10.游戏封面

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.游戏封面

添加一张背景图片，写入游戏名字（大家来拼图），再设置几个按钮，然后点击开始跳转到游戏内容界面。

项目效果展示：