android怎实现拼图功能,Android实战开发——拼图游戏

时间改变的实现

在 MainActivity.java 中的 onCreate 函数中添加如下内容：

//一进来每隔1s就发一条空消息出去，接收到这个空消息并让TextView发生改变，形成计数器的效果

//延迟1s发送一条空消息：发送消息的编号是1，延迟时间为1000ms=1s

handler.sendEmptyMessageDelayed(1,1000);

之后在 onCreate 函数外添加如下内容：

//定义计数时间的变量

int time=0;

//消息通信机制，重写handleMessag方法用来接收消息，形成时间累计的效果

Handler handler=new Handler(){

@Override

public void handleMessage(@NonNull Message msg) {

if(msg.what==1){

time++;

timeTv.setText("时间："+time+"秒");

handler.sendEmptyMessageDelayed(1,1000);

}

}

};

时间变化的情况有两种，一是当拼图游戏完成的时候时间要停止，二是重新开始的时候要重新计时，现在先实现点击重新开始按钮时重新计时：

public void restart(View view) {

//中断之前的消息

handler.removeMessages(1);

//将时间重新归零并且重新开始计时

time=0;

timeTv.setText("时间："+time+"秒");

handler.sendEmptyMessageDelayed(1,1000);

}

拼图打乱显示

思路：通过数组的随机排位来使图片随机排列

首先声明一些变量：

//存放碎片的数组，便于统一管理

private int[]image={R.mipmap.img_00x00,R.mipmap.img_00x01,R.mipmap.img_00x02,R.mipmap.img_01x00,R.mipmap.img_01x01,R.mipmap.img_01x02,R.mipmap.img_02x00,R.mipmap.img_02x01,R.mipmap.img_02x02};

//声明一个图片数组的下标数组，随机排列这个数组

private int[]imageIndex=new int[image.length];

接下来写一个打乱的方法，使得 onCreate 一进入就显示打乱的数组。

首先打乱角标，接着把乱序的角标设置到ImageButton中，保证一进入就是打乱的状态，具体代码如下：

//随机打乱数组中的元素，以不规则的形式进行图片显示

private void disruptRandom() {

for (int i = 0; i < imageIndex.length; i++) {

imageIndex[i]=i;

}

//规定20次，随机选择两个角标对应的值进行交换

int rand1,rand2;

for (int j = 0; j < 20; j++) {

//随机生成第一个角标，生成0—8之间的随机数

rand1=(int)(Math.random()*(imageIndex.length-1)); //Math.random()生成的是0—1之间的随机数，再乘以最大值减去最小值(即8-0)，最后整体加上最小值0

//第二次随机生成的角标不能和第一次相同，如果相同就不方便交换

do {

rand2=(int)(Math.random()*(imageIndex.length-1));

if(rand1!=rand2)

break;

}while (true);

//交换数组两个角标上对应的值

swap(rand1,rand2);

}

//随机排列到指定的控件上

ib00.setImageResource(image[imageIndex[0]]);

ib01.setImageResource(image[imageIndex[1]]);

ib02.setImageResource(image[imageIndex[2]]);

ib10.setImageResource(image[imageIndex[3]]);

ib11.setImageResource(image[imageIndex[4]]);

ib12.setImageResource(image[imageIndex[5]]);

ib20.setImageResource(image[imageIndex[6]]);

ib21.setImageResource(image[imageIndex[7]]);

ib22.setImageResource(image[imageIndex[8]]);

}

//交换数组指定角标的数据

private void swap(int rand1, int rand2) {

int temp=imageIndex[rand1];

imageIndex[rand2]=imageIndex[rand1];

imageIndex[rand1]=temp;

}

碎片位置切换

碎片移动的条件：空白区域只能和向同行或者相同列上并且是相邻的图片进行移动，否则不能完成。

需要判断空白位置和其他图的位置是否在同一行或同一列中。

移动的过程写在 onClick 中：