电子发烧友App
效果优化
第一步优化：添加水印
很多刮奖的效果都会有在刮层上添加自家 logo 做水印效果（这里不知道称为水印合适吗？反正就是大概那个意思）。如下面的支付宝一样
我们在基础实现的第一步中的创建刮层函数里面添加实现代码，同时也添加一个自定义属性和 set 方法可供调用：
/**
* 设置水印图标
*
* @param resId 图标资源id，-1表示去除水印
*/
public void setWatermark（int resId） {
if （resId == -1） {
mWatermark = null;
} else {
Bitmap bitmap = BitmapFactory.decodeResource（getResources（）， resId）;
mWatermark = new BitmapDrawable（bitmap）;
mWatermark.setTileModeXY（Shader.TileMode.REPEAT， Shader.TileMode.REPEAT）;
}
}
/**
* 创建蒙层
*
* @param width
* @param height
*/
private void createMasker（int width， int height） {
。..
if （mWatermark ！= null） {//
Rect bounds = new Rect（rect）;
mWatermark.setBounds（bounds）;
mWatermark.draw（mMaskCanvas）;
}
}
实现效果如下：
当然，像效果上还有很多可以进行添加，例如还可以加上面支付宝的那种边缘锯齿效果等等，这里就各位童鞋自行脑洞实现啦。
第二步优化：添加相应事件监听器，以及完善一些常用函数。
说到事件监听，我想这里莫过于刮奖完成的事件了吧。对于使用这个控件的开发者，肯定需要在刮完之后做相应的操作，例如，提示用户中奖啦，还是继续努力之类的。怎么样判断刮奖完成呢？这里的实现思路是通过异步计算刮层 mMaskBitmap 中的像素信息值，通过算得透明像素个数占总像素个数的比例，当这个比例超过一定阈值的时候，我们认为刮奖完成了。为什么要说超过一定阈值就算完成，这和现实生活中刮奖一样，你不需要把刮层完全刮得干干净净才能得到结果。当然这个比例是多少，我们同样需要抽离成可动态设置的。再添加监听器接口和设置监听器的 API 即可。实现代码，大致如下：
private void onErase（） {
int width = getWidth（）;
int height = getHeight（）;
new AsyncTask《Integer， Integer， Boolean》（） {
@Override
protected Boolean doInBackground（Integer.。. params） {
int width = params［0］;
int height = params［1］;
int pixels［］ = new int［width * height］;
mMaskBitmap.getPixels（pixels， 0， width， 0， 0， width， height）;//获取覆盖图层中所有的像素信息，stride用于表示一行的像素个数有多少
float erasePixelCount = 0;//擦除的像素个数
float totalPixelCount = width * height;//总像素个数
for （int pos = 0; pos 《 totalPixelCount; pos++） {
if （pixels［pos］ == 0） {//透明的像素值为0
erasePixelCount++;
}
}
int percent = 0;
if （erasePixelCount 》= 0 && totalPixelCount 》 0） {
percent = Math.round（erasePixelCount * 100 / totalPixelCount）;
publishProgress（percent）;
}
return percent 》= mMaxPercent;
}
@Override
protected void onProgressUpdate（Integer.。. values） {
super.onProgressUpdate（values）;
mPercent = values［0］;
onPercentUpdate（）;
}
@Override
protected void onPostExecute（Boolean result） {
super.onPostExecute（result）;
if （result && ！mIsCompleted） {//标记擦除，并完成回调
mIsCompleted = true;
if （mEraseStatusListener ！= null） {
mEraseStatusListener.onCompleted（ScratchView.this）;
}
}
}
}.execute（width， height）;
}
/**
* 设置擦除监听器
*
* @param listener
*/
public void setEraseStatusListener（EraseStatusListener listener） {
this.mEraseStatusListener = listener;
}
/**
* 擦除状态监听器
*/
public static interface EraseStatusListener {
/**
* 擦除进度
*
* @param percent 进度值，大于0，小于等于100；
*/
public void onProgress（int percent）;
/**
* 擦除完成回调函数
*
* @param view
*/
public void onCompleted（View view）;
}
我们来看看最终效果
到这里，一个完整的刮奖效果自定义控件实现已经完成。不过，这里还有一个问题需要抛给大家共同思考下，就是在判断刮奖是否完成的实现上，我在代码中的实现方式会创建出大量的 int 数组，这样造成后果就是会产生内存抖动。
工商网监
评论