android刮刮乐游戏布局,Android实现 刮刮乐效果

一、实现原理与所需技术

Android刮刮乐效果的实现，自定义view，绘制出中奖信息，将一张图片绘制在中奖信息的上层，通过onTouchEvent监听用户手势，通过path记录绘制轨迹，设置绘制方式为DST_OUT，对view进行重绘，当达到一定阈值的时候，不在绘制图片只绘制中奖信息。实现效果图如下：

二、绘制中奖信息

canvas绘制在bitmap上，所以在onMeasure ()方法中，首先初始化bitmap和canvas

初始化画笔：

然后我们绘制一个圆角矩形，在矩形的中间显示中奖信息：

初始化显示文字的矩形框，将文字绘制在中间位置：

此时运行，显示的效果为上图我们看到的直接显示中奖信息。

三、绘制刮刮乐图片

BitmapFactory.decodeResource(getResources(), R.mipmap.fg_guaguaka);

我们首先获得绘制的bitmap，fg_guaguaka是一张图片，大家可任意选择，

同样在onDraw方法中绘制bimap

此时运行我们看到的效果是，未刮开之前的效果。

四、‘刮’实现

刮实现主要对用户手势进行监听，通过path.moveto()，进行轨迹的绘制，完成后通过调用invalidate()方法进行重绘。用户按下的时候记录当前的x y坐标，移动的时候通过判断x y的变化值，判断用户有没有移动，为了防止过于敏感操作，所以我们设置移动距离小于3的时候，不做操作，当大于3的时候，进行轨迹绘制。

当我们抬起的时候，需要判断用户是否刮开了较大区域(自己设定的阈值)，如果是的，就直接显示出中奖信息，否则用户继续刮。

五、判断用户是否刮开了较大区域

判断用户是否刮开了较大区域，主要是通过获取bitmap上的像素点信息。获取像素宽高，则整体面积为h * w ，新建长度为h * w的以为数组，通过bitmap.getPixels(pix, 0, w, 0, 0, w, h);获取像素信息，如果某一点的值为0，则说明这一点无像素，即被刮开，则被刮开的面积要增加一个像素点。通过计算已刮开面积与总面积的百分比，我们设定当超过60%的时候，说明用户刮开了较大区域，直接显示出中奖信息，也就是不在对图片进行绘制，只绘制中奖信息。通过添加boolean标志位，当为true的时候在onDraw()方法中只绘制中奖信息即可。通过postInvalidate()使之重绘。

最终即实现刮刮乐效果。

源码地址：https://download.youkuaiyun.com/download/huangliniqng/10484392