電子發燒友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 數組，這樣造成后果就是會產生內存抖動。
工商網監
評論