安卓实现老虎机抽奖的案例

        最近看到某理财app上有一个类似老虎机的抽奖功能,觉得蛮好玩就想自己动手去实现下.就做了一个简单的案例,效果如下:

         

         我说下思路吧,先准备两组图片,红色背景一组,黄色背景一组,如图

             

         

        // 未开始抽奖时的图片
	private int[] imgs1 = { R.drawable.m1, R.drawable.m2, R.drawable.m3,
			R.drawable.m4, R.drawable.ic_launcher, R.drawable.m5,
			R.drawable.m6, R.drawable.m7, R.drawable.m8 };
	// 开始抽奖时的图片
	private int[] imgs2 = { R.drawable.n1, R.drawable.n2, R.drawable.n3,
			R.drawable.n4, R.drawable.ic_launcher, R.drawable.n5,
			R.drawable.n6, R.drawable.n7, R.drawable.n8 };

             别忘了中间还有个ic_launcher。

         新建一个GridView,把第一组图片适配给GridView。

           然后定义一个子线程       

class MyRunnable implements Runnable {
		@Override
		public void run() {
			handler.sendEmptyMessage(0);  //发送消息
			//如果到达指定的时间,则停止
			if (startTime >= stopTime) {
				handler.removeCallbacks(mMyRunnable);
				//提示中奖消息 
				if (array[num] < 4) {
					String text = array[num] + 1 + "";
					Toast.makeText(context, "恭喜你中了" + text, 0).show();
				} else {
					Toast.makeText(context, "恭喜你中了" + array[num], 0).show();
				}
            	startTime = 0;
				stopTime = 0;
				return;
			}
			//每隔100毫秒运行一次
			handler.postDelayed(mMyRunnable, 100);
			startTime += 100;
		}
	}

        运行的时候每隔一段时间发送消息, 本文是100毫秒, 由handler来处理,当到达指定的时间时就移除消息队列,线程停止运行,startTime初始为0，每运行一次就增加100毫秒,stopTime则是事先设置的随机时间    

  //定义一个随机数最为结束的时间，这里是2到6秒
  stopTime = new Random().nextInt(1000 * 5) + 2000;

       handler接受消息后处理消息  ,改变GridView中item的背景色,array是转盘id的数组    

       // 对应转盘id的数组
	private int[] array = { 0, 1, 2, 5, 8, 7, 6, 3 };

       传入num,num从0到8依次增加,当到达最后一个item时则循环

               Handler handler = new Handler() {
		public void handleMessage(Message msg) {
			Change(array[num]);  //改变背景色
			num++;                 //依次下一个
			//如果到了最后一个item，则循环
			if (num >= 8) {
				num = 0;
			}
    	};
	};

       现在我们来看看Change方法.在这个方法里,我们遍历item的个数,当传入的id为选中的Item时则把图片换成图片数组2中对应的图片,如果是中间那个id，即4，那么跳出循环,不处理,其他的id都设置为图片数组1中对应的图片.      

      private void Change(int id) {
		for (int i = 0; i < gridView.getChildCount(); i++) {
			if (i == id) {
 			//如果是选中的，则改变图片为数组2中的图片
			((ImageView) (gridView.getChildAt(i).findViewById(R.id.img))).setBackgroundResource(imgs2[id]);
			} else if (i == 4) {
 		    //如果是到了中间那个，则跳出
				continue;
			} else {
 		    //未选中的就设置为数组1中的图片
				((ImageView) (gridView.getChildAt(i).findViewById(R.id.img))).setBackgroundResource(imgs1[i]);
			}
		}
	}

         这里再贴上布局代码吧,item布局        

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
      >

    <ImageView
        android:id="@+id/img"
        android:layout_width="60dp"
        android:layout_height="60dp" 
        android:layout_centerInParent="true" 
        />

</RelativeLayout>

       main布局 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
     >

    <GridView
        android:id="@+id/gridview"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:verticalSpacing="40dp"
        android:layout_gravity="center"
        android:gravity="center"
        android:numColumns="3" >
    </GridView>

    <Button
        android:id="@+id/start_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="开始" />

</LinearLayout>

        

         Demo下载地址:   点击打开链接   密码：61bh