package com.clock.scratch;

import ...;

/**
 * Created by Clock on 2016/8/26.
 */
public class ScratchView extends View {

 ...

 public ScratchView(Context context) {
  super(context);
  TypedArray typedArray = context.obtainStyledAttributes(R.styleable.ScratchView);
  init(typedArray);
 }

 ...

 private void init(TypedArray typedArray) {
  ...
  mMaskColor = typedArray.getColor(R.styleable.ScratchView_maskColor, DEFAULT_MASKER_COLOR);

  mMaskPaint = new Paint();
  mMaskPaint.setAntiAlias(true);//抗鋸齒
  mMaskPaint.setDither(true);//防抖
  setMaskColor(mMaskColor);
  ...

 }

 /**
  * 設(shè)置蒙板顏色
  *
  * @param color 十六進(jìn)制顏色值，如：0xffff0000（不透明的紅色）
  */
 public void setMaskColor(int color) {
  mMaskPaint.setColor(color);
 }

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  canvas.drawBitmap(mMaskBitmap, 0, 0, mBitmapPaint);//繪制圖層遮罩
 }

 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  super.onSizeChanged(w, h, oldw, oldh);
  createMasker(w, h);
 }

 /**
  * 創(chuàng)建蒙層
  *
  * @param width
  * @param height
  */
 private void createMasker(int width, int height) {
  mMaskBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
  mMaskCanvas = new Canvas(mMaskBitmap);
  Rect rect = new Rect(0, 0, width, height);
  mMaskCanvas.drawRect(rect, mMaskPaint);//繪制生成和控件大小一致的遮罩 Bitmap
 }

}

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <declare-styleable name="ScratchView">
  <!--蒙層的顏色-->
  <attr name="maskColor" format="color|reference" />
 </declare-styleable>

</resources>

<FrameLayout
  android:layout_width="200dp"
  android:layout_height="200dp"
  android:layout_gravity="center_horizontal"
  android:layout_marginTop="8dp">
  <!--刮層下遮住的內(nèi)容-->
  <ImageView
   android:layout_width="150dp"
   android:layout_height="150dp"
   android:layout_gravity="center"
   android:src="@mipmap/lufy" />
  <!--刮層-->
  <com.clock.scratch.ScratchView
   android:id="@+id/scratch_view"
   android:layout_width="match_parent"
   android:layout_height="match_parent" />
 </FrameLayout>

package com.clock.scratch;

import ...;

public class ScratchView extends View {

 public ScratchView(Context context) {
  super(context);
  TypedArray typedArray = context.obtainStyledAttributes(R.styleable.ScratchView);
  init(typedArray);
 }

 private void init(TypedArray typedArray) {
  mEraseSize = typedArray.getFloat(R.styleable.ScratchView_eraseSize, DEFAULT_ERASER_SIZE);
  ...

  mErasePaint = new Paint();
  mErasePaint.setAntiAlias(true);
  mErasePaint.setDither(true);
  mErasePaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));//設(shè)置擦除效果
  mErasePaint.setStyle(Paint.Style.STROKE);
  mErasePaint.setStrokeCap(Paint.Cap.ROUND);//設(shè)置筆尖形狀，讓繪制的邊緣圓滑
  setEraserSize(mEraseSize);

  mErasePath = new Path();

  ViewConfiguration viewConfiguration = ViewConfiguration.get(getContext());
  mTouchSlop = viewConfiguration.getScaledTouchSlop();

 }

 /**
  * 設(shè)置橡皮檫尺寸大?。J(rèn)大小是 60）
  *
  * @param eraserSize 橡皮檫尺寸大小
  */
 public void setEraserSize(float eraserSize) {
  mErasePaint.setStrokeWidth(eraserSize);
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  int action = event.getAction();
  switch (action) {
   case MotionEvent.ACTION_DOWN:
    startErase(event.getX(), event.getY());
    invalidate();
    return true;
   case MotionEvent.ACTION_MOVE:
    erase(event.getX(), event.getY());
    invalidate();
    return true;
   case MotionEvent.ACTION_UP:
    stopErase();
    invalidate();
    return true;
   default:
    break;
  }
  return super.onTouchEvent(event);
 }

 /**
  * 開(kāi)始擦除
  *
  * @param x
  * @param y
  */
 private void startErase(float x, float y) {
  mErasePath.reset();
  mErasePath.moveTo(x, y);
  this.mStartX = x;
  this.mStartY = y;
 }

 /**
  * 擦除
  *
  * @param x
  * @param y
  */
 private void erase(float x, float y) {
  int dx = (int) Math.abs(x - mStartX);
  int dy = (int) Math.abs(y - mStartY);
  if (dx >= mTouchSlop || dy >= mTouchSlop) {
   this.mStartX = x;
   this.mStartY = y;

   mErasePath.lineTo(x, y);
   mMaskCanvas.drawPath(mErasePath, mErasePaint);

   mErasePath.reset();
   mErasePath.moveTo(mStartX, mStartY);
  }
 }


 /**
  * 停止擦除
  */
 private void stopErase() {
  this.mStartX = 0;
  this.mStartY = 0;
  mErasePath.reset();
 }

}

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <declare-styleable name="ScratchView">
  <!--擦除尺寸大小-->
  <attr name="eraseSize" format="float" />
 </declare-styleable>

</resources>

 /**
  * 設(shè)置水印圖標(biāo)
  *
  * @param resId 圖標(biāo)資源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);
  }
 }

 /**
  * 創(chuàng)建蒙層
  *
  * @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);
  }
 }

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用于表示一行的像素個(gè)數(shù)有多少

    float erasePixelCount = 0;//擦除的像素個(gè)數(shù)
    float totalPixelCount = width * height;//總像素個(gè)數(shù)

    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) {//標(biāo)記擦除，并完成回調(diào)
     mIsCompleted = true;
     if (mEraseStatusListener != null) {
      mEraseStatusListener.onCompleted(ScratchView.this);
     }
    }
   }

  }.execute(width, height);
 }

 /**
  * 設(shè)置擦除監(jiān)聽(tīng)器
  *
  * @param listener
  */
 public void setEraseStatusListener(EraseStatusListener listener) {
  this.mEraseStatusListener = listener;
 }

 /**
  * 擦除狀態(tài)監(jiān)聽(tīng)器
  */
 public static interface EraseStatusListener {

  /**
   * 擦除進(jìn)度
   *
   * @param percent 進(jìn)度值，大于0，小于等于100；
   */
  public void onProgress(int percent);

  /**
   * 擦除完成回調(diào)函數(shù)
   *
   * @param view
   */
  public void onCompleted(View view);
 }