Android使用PorterDuffXfermode模式PorterDuff.Mode.SRC_OUT橡皮擦实现“刮刮乐”效果，Kotlin（2）

Android使用PorterDuffXfermode模式PorterDuff.Mode.SRC_OUT橡皮擦实现“刮刮乐”效果，Kotlin（2）

在 Android使用PorterDuffXfermode的模式PorterDuff.Mode.SRC_OUT实现橡皮擦，Kotlin（1）-CSDN博客文章浏览阅读516次，点赞7次，收藏8次。Android拼接合并图片生成长图代码实现合并两张图片，以第一张图片的宽度为标准，如果被合并的第二张图片宽度和第一张不同，那么就以第一张图片的宽度为准线，对第二张图片进行缩放。Android Bitmap保存成至手机图片文件，Kotlin_android bitmap保存图片-CSDN博客。Android Canvas画布saveLayer与对应restoreToCount，Kotlin_android canvas.savelayer-CSDN博客。https://blog.csdn.net/zhangphil/article/details/144535808

基础上，稍作改动，实现一种刮刮乐的效果：

import android.content.Context
import android.graphics.Bitmap
import android.graphics.BitmapFactory
import android.graphics.Canvas
import android.graphics.Paint
import android.graphics.Path
import android.graphics.PorterDuff
import android.graphics.PorterDuffXfermode
import android.util.AttributeSet
import android.view.MotionEvent
import androidx.appcompat.widget.AppCompatImageViewclass MyView : AppCompatImageView {private var WIDTH = 0private var HEIGHT = 0private var mPaint: Paint = Paint()private var mBmpText: Bitmapprivate var mBmpDst: Bitmapprivate var mBmpSrc: Bitmapprivate var mPath: Pathprivate var mPreX = 0fprivate var mPreY = 0fprivate var mPorterDuffXfermode: PorterDuffXfermodeconstructor(ctx: Context, attributeSet: AttributeSet) : super(ctx, attributeSet) {mPaint.style = Paint.Style.STROKEmPaint.strokeWidth = 30fmBmpText = BitmapFactory.decodeResource(resources, R.mipmap.name, null)mBmpSrc = BitmapFactory.decodeResource(resources, R.mipmap.pic, null)WIDTH = mBmpSrc.widthHEIGHT = mBmpSrc.height//空的BitmapmBmpDst = Bitmap.createBitmap(WIDTH, HEIGHT, Bitmap.Config.ARGB_8888)mPath = Path()/**** SRC_OUT** 当目标图像有图像时合成结果为空白像素;* 当目标图像没有图像时，合成结果显示源图像;* 如果把手指Path做为目标图像，在与源图像合成时，有手指轨迹的地方就变为空白像素，效果就是擦除。**/mPorterDuffXfermode = PorterDuffXfermode(PorterDuff.Mode.SRC_OUT)}override fun onDraw(canvas: Canvas) {//第一层，底图，文字。canvas.drawBitmap(mBmpText, 0f, 0f, null)val layerId = canvas.saveLayer(0f, 0f, WIDTH.toFloat(), HEIGHT.toFloat(), null)//第二层，绘制盖在第一层底图上面的图，这层是要被橡皮擦擦除的。canvas.drawBitmap(mBmpDst, 0f, 0f, null)//绘制Pathcanvas.drawPath(mPath, mPaint)//合成图像mPaint.setXfermode(mPorterDuffXfermode)canvas.drawBitmap(mBmpSrc, 0f, 0f, mPaint)mPaint.setXfermode(null)canvas.restoreToCount(layerId)}override fun onTouchEvent(event: MotionEvent): Boolean {when (event.action) {MotionEvent.ACTION_DOWN -> {mPath.moveTo(event.x, event.y)mPreX = event.xmPreY = event.yreturn true}MotionEvent.ACTION_MOVE -> {val endX = (mPreX + event.x) / 2val endY = (mPreY + event.y) / 2mPath.quadTo(mPreX, mPreY, endX, endY)mPreX = event.xmPreY = event.y}MotionEvent.ACTION_UP -> {}}postInvalidate()return super.onTouchEvent(event)}
}

如果把mode设置为：

PorterDuff.Mode.SRC_ATOP

会产生一种奇特的效果，开始时候只有红色的名字图，随着手指在界面上滑动，会把上面的大的山水古风风格的图画一道道擦出来，就像冬天的窗户，手指滑动擦除窗花，窗户外的镜像一道道显示出来。

Android使用PorterDuffXfermode的模式PorterDuff.Mode.SRC_OUT实现橡皮擦，Kotlin（1）-CSDN博客文章浏览阅读820次，点赞8次，收藏10次。Android拼接合并图片生成长图代码实现合并两张图片，以第一张图片的宽度为标准，如果被合并的第二张图片宽度和第一张不同，那么就以第一张图片的宽度为准线，对第二张图片进行缩放。Android Bitmap保存成至手机图片文件，Kotlin_android bitmap保存图片-CSDN博客。Android Canvas画布saveLayer与对应restoreToCount，Kotlin_android canvas.savelayer-CSDN博客。https://blog.csdn.net/zhangphil/article/details/144535808

Android Canvas图层saveLayer剪切clipRect原图对应Rect区域，Kotlin（1）_canvas savelayer cliprect-CSDN博客文章浏览阅读1k次，点赞21次，收藏22次。Android拼接合并图片生成长图代码实现合并两张图片，以第一张图片的宽度为标准，如果被合并的第二张图片宽度和第一张不同，那么就以第一张图片的宽度为准线，对第二张图片进行缩放。Android Bitmap保存成至手机图片文件，Kotlin_android bitmap保存图片-CSDN博客。Android画布Canvas裁剪clipRect，Kotlin-CSDN博客。_canvas savelayer cliprecthttps://blog.csdn.net/zhangphil/article/details/135297013Android Canvas画布saveLayer与对应restoreToCount，Kotlin_android canvas.savelayer-CSDN博客文章浏览阅读986次，点赞8次，收藏8次。文章浏览阅读9.6k次。文章浏览阅读1.8k次。/*Java代码 将Drawable转化为Bitmap */ Bitmap drawableToBitmap(Drawable drawable) { int width = drawable.getIntrinsicWidth();Android Material Design ：LinearLayoutCompat添加分割线divider_linearlayout 分割线-CSDN博客。_android canvas.savelayerhttps://blog.csdn.net/zhangphil/article/details/135131896