时间改变的实现
在 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
中: