- @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获取)
![img](https://i-blog.csdnimg.cn/blog_migrate/e9ffe4e34f26f63cd36bd13442f90ba8.jpeg)
总结
虽然我个人也经常自嘲,十年之后要去成为外卖专员,但实际上依靠自身的努力,是能够减少三十五岁之后的焦虑的,毕竟好的架构师并不多。
架构师,是我们大部分技术人的职业目标,一名好的架构师来源于机遇(公司)、个人努力(吃得苦、肯钻研)、天分(真的热爱)的三者协作的结果,实践+机遇+努力才能助你成为优秀的架构师。
如果你也想成为一名好的架构师,那或许这份Java成长笔记你需要阅读阅读,希望能够对你的职业发展有所帮助。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
阅读阅读,希望能够对你的职业发展有所帮助。
[外链图片转存中…(img-J9kGtuAx-1712927635009)]
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!