当前位置：首页 > news >正文

Android使用PorterDuffXfermode模式PorterDuff.Mode.SRC_OUT橡皮擦实现马赛克效果，Kotlin（3）

news 2025/7/5 13:50:28

Android使用PorterDuffXfermode模式PorterDuff.Mode.SRC_OUT橡皮擦实现马赛克效果，Kotlin（3）

import android.content.Context
import android.graphics.Bitmap
import android.graphics.BitmapFactory
import android.graphics.Canvas
import android.graphics.Matrix
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 mBmpMosaic: Bitmapprivate var mBmpDst: Bitmapprivate var mBmpSrc: Bitmapprivate var mPath: Pathprivate var mPreX = 0fprivate var mPreY = 0fprivate var mPorterDuffXfermode: PorterDuffXfermodeprivate val mResId = R.mipmap.pprivate val mScaleFator = 20fconstructor(ctx: Context, attributeSet: AttributeSet) : super(ctx, attributeSet) {mPaint.style = Paint.Style.STROKEmPaint.strokeWidth = 30f//和一张原图大小相同的马赛克图mBmpMosaic = getMosaicBmp()//原图。mBmpSrc = BitmapFactory.decodeResource(resources, mResId, 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) {//super.onDraw(canvas)//第一层，一张固定的马赛克底图。canvas.drawBitmap(mBmpMosaic, 0f, 0f, null)val layerId = canvas.saveLayer(0f, 0f, WIDTH.toFloat(), HEIGHT.toFloat(), null)//第二层，原图。canvas.drawBitmap(mBmpSrc, 0f, 0f, null)//第三层，绘制空的目标图像，和原图大小一致canvas.drawBitmap(mBmpDst, 0f, 0f, null)//合成图像mPaint.setXfermode(mPorterDuffXfermode)//空的mBmpDst绘制Pathcanvas.drawPath(mPath, 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)}private fun getMosaicBmp(): Bitmap {val bmpSrc = BitmapFactory.decodeResource(resources, mResId, null)val w = bmpSrc.widthval h = bmpSrc.height//原Bitmap的1/mScaleFatorval smallBmp = Bitmap.createBitmap((w / mScaleFator).toInt(), (h / mScaleFator).toInt(), Bitmap.Config.ARGB_8888)val cDst = Canvas(smallBmp)val mtx = Matrix()mtx.setScale(1 / mScaleFator, 1 / mScaleFator)cDst.drawBitmap(bmpSrc, mtx, null)mtx.reset()val resultBmp = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888)val canvas = Canvas(resultBmp)mtx.setScale(mScaleFator, mScaleFator)canvas.drawBitmap(smallBmp, mtx, null)//此时的resultBmp为原图大小的马赛克图。return resultBmp}
}

当手指在图像上划过后，划过的轨迹变成马赛克。

Android使用PorterDuffXfermode模式PorterDuff.Mode.SRC_OUT橡皮擦实现“刮刮乐”效果，Kotlin（2）-CSDN博客文章浏览阅读589次，点赞21次，收藏12次。Android拼接合并图片生成长图代码实现合并两张图片，以第一张图片的宽度为标准，如果被合并的第二张图片宽度和第一张不同，那么就以第一张图片的宽度为准线，对第二张图片进行缩放。Android Bitmap保存成至手机图片文件，Kotlin_android bitmap保存图片-CSDN博客。Android拼接合并图片生成长图代码实现合并两张图片，以第一张图片的宽度为标准，如果被合并的第二张图片宽度和第一张不同，那么就以第一张图片的宽度为准线，对第二张图片进行缩放。https://blog.csdn.net/zhangphil/article/details/144536192