手把手讲解-一个复杂动效的自定义绘制3

• @return
  */
  @Override
  public boolean onTouchEvent(MotionEvent e) {
  //…省略无关代码
  switch (e.getAction()) {
  case MotionEvent.ACTION_DOWN:
  lastX = e.getX();
  lastY = e.getY();
  mPath.moveTo(lastX, lastY);
  break;
  case MotionEvent.ACTION_MOVE: //?!!? MMP，为什么你收不到MOVE事件，只能认为是被拦截了
  // 手指移动，划线
  float endX = (lastX + e.getX()) / 2;
  float endY = (lastY + e.getY()) / 2;
  mPath.quadTo(lastX, lastY, endX, endY);
  lastX = endX;
  lastY = endY;
  break;
  case MotionEvent.ACTION_UP:
  case MotionEvent.ACTION_CANCEL:
  break;
  default:
  break;
  }
  //…省略无关代码
  return super.onTouchEvent(e);
  // 这里有个疑问.为什么这里不是true，我就收不到move事件，是不是ImageView特有的
  // MMP,原来是clickable的问题。 我在xml里面加了
  }

有了Path，那么就要drawPath:

@Override
protected void onDraw(Canvas canvas) {
//1 画原图
super.onDraw(canvas);//这里不可以删掉。。因为画原始图片，就是这里画的

//省略无关代码…

//看来drawBitmap有另外的图层保存方式
int layer = canvas.saveLayer(0, 0, getWidth(), getHeight(), mPaint, Canvas.ALL_SAVE_FLAG);//保存当前图层
// 2 画涂层
canvas.drawBitmap(mCoatBitmap, 0, 0, mPaint);//绘制位图只需要 l和t两个参数，已这个为左上角起点开始绘制，可能会越界
// 3 画path
mPaint.setXfermode(xfermode);//设置模式
canvas.drawPath(mPath, mPaint);//再去画
// 记得要把mCoatBitmap的状态保存一下
mCoatCanvas.drawPath(mPath, mPaint);
//记得清掉mode。。不然下一次 onDraw 会出事
mPaint.setXfermode(null);
canvas.restoreToCount(layer);// 回到指定图层
}

#####TIPS
1、drawPath，这里将画笔设置了Xfermode模式，此模式能够决定绘制的内容和原内容的关系，不同的模式决定在绘制之后保留不同的部分，
这里使用的是xfermode = new PorterDuffXfermode(PorterDuff.Mode.DST_OUT); 它会保留 原内容和新绘制的内容交集之外的部分。（Xfermode的16种模式，请参考其他博客，此文不作详细描述 ）
2、绘制完了之后，记得将mPaint的xfermode设置为null，因为绘制会多次执行，画笔必须还原状态.
3、记得给之前 涂层委托者mCoatCanvas 也绘制一次，这是为了记录当前path一共划过了整个涂层的百分之多少.

其实到了这里，我们已经实现了涂层刮刮卡的效果。
但是锦上添花，多加3个功能:

#####1)计算当前一共划过了百分之多少

int w = getWidth();
int h = getHeight();
float totalPx = w * h;//总像素点个数
int[] pxArr = new int[w * h];//用一个数组去缓存

mCoatBitmap.getPixels(pxArr, 0, w, 0, 0, w, h);// 获得当前bitmap的像素点数组，把它注入到pxArr中

int cleanedPx = 0;
//宽高二维解析
for (int col = 0; col < h; col++) {
for (int row = 0; row < w; row++) {
if (pxArr[col * w + row] == 0) {//手指滑过之后，当前位置的像素点就会被置为0
cleanedPx++;//已经被清空的像素点个数
}
}
}

float res = cleanedPx / totalPx;//计算一共滑过了百分之多少

前面解释过，bitmap就是一个每个像素点颜色独立的矩形区域，这里先将矩形区域定义好，然后获得每一个像素点，而手指划过之后的像素点的颜色，会置为0（这个和xfermode模式有关）,经过对比，就能计算出为0的像素点有多少个，和总的像素点个数相除，就能得出最终百分比。最后将百分比返回出去，提供一个回调给外界，就能得到文章开头的gif图效果。

#####2) 刮了一定的百分比就要自动显示全图：
定义Runnable 按照对比 当前划过区域的百分比和显示全图的临界值，看情况决定是否刷新View

Runnable showAllRunnable = new Runnable() {
@Override
public void run() {
//判定是否具备展示全图的条件：
//条件为：当前滑过的面积是否超过了临界百分比，比如30%

int w = getWidth();
int h = getHeight();
float totalPx = w * h;//总像素点个数
int[] pxArr = new int[w * h];//用一个数组去缓存

mCoatBitmap.getPixels(pxArr, 0, w, 0, 0, w, h);// 获得当前bitmap的像素点数组，把它注入到pxArr中

int cleanedPx = 0;
//宽高二维解析
for (int col = 0; col < h; col++) {
for (int row = 0; row < w; row++) {
if (pxArr[col * w + row] == 0) {//手指滑过之后，当前位置的像素点就会被置为0
cleanedPx++;//已经被清空的像素点个数
}
}
}

float res = cleanedPx / totalPx;//计算一共滑过了百分之多少

if (callback != null)
callback.scratch(res);
if (res > SHOW_ALL_PERCENT) {//临界值0.2
ifShowAll = true;//保存状态，显示全图
postInvalidate();//利用handler发送事件
} else {
ifShowAll = false;
}

}
};

#####3) 增加 涂层重置 和 显示原图的api

public void showAll() {
ifShowAll = true;//保存状态，显示全图
postInvalidate();
}

public void reset() {
//重置mCoatBitmap，重置path，重置ifShowAll为false，然后刷新
mCoatBitmap = createCoatBitmap(w, h);
mCoatCanvas = new Canvas(mCoatBitmap);
mPath.reset();
ifShowAll = false;
postInvalidate();
}

###最后

别忘了Bitmap是重量级的，不用了必须回收

public void recycle() {
if (mCoatBitmap != null)
mCoatBitmap.recycle();
}

public class ScratchCardActivity extends AppCompatActivity {
…
@Override
protected void onDestroy() {
super.onDestroy();
scratchCardImageView.recycle();
}
}

#结语
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）

总结

虽然我个人也经常自嘲，十年之后要去成为外卖专员，但实际上依靠自身的努力，是能够减少三十五岁之后的焦虑的，毕竟好的架构师并不多。

架构师，是我们大部分技术人的职业目标，一名好的架构师来源于机遇(公司)、个人努力(吃得苦、肯钻研)、天分(真的热爱)的三者协作的结果，实践+机遇+努力才能助你成为优秀的架构师。

如果你也想成为一名好的架构师，那或许这份Java成长笔记你需要阅读阅读，希望能够对你的职业发展有所帮助。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
阅读阅读，希望能够对你的职业发展有所帮助。

[外链图片转存中…(img-J9kGtuAx-1712927635009)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！