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

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

Kotlin 复制代码
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.AppCompatImageView


class MyView : AppCompatImageView {
    private var WIDTH = 0
    private var HEIGHT = 0

    private var mPaint: Paint = Paint()
    private var mBmpText: Bitmap
    private var mBmpDst: Bitmap
    private var mBmpSrc: Bitmap
    private var mPath: Path
    private var mPreX = 0f
    private var mPreY = 0f
    private var mPorterDuffXfermode: PorterDuffXfermode
    

    constructor(ctx: Context, attributeSet: AttributeSet) : super(ctx, attributeSet) {
        mPaint.style = Paint.Style.STROKE
        mPaint.strokeWidth = 30f

        mBmpText = BitmapFactory.decodeResource(resources, R.mipmap.name, null)
        mBmpSrc = BitmapFactory.decodeResource(resources, R.mipmap.pic, null)

        WIDTH = mBmpSrc.width
        HEIGHT = mBmpSrc.height

        //空的Bitmap
        mBmpDst = 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)

        //绘制Path
        canvas.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.x
                mPreY = event.y

                return true
            }

            MotionEvent.ACTION_MOVE -> {
                val endX = (mPreX + event.x) / 2
                val endY = (mPreY + event.y) / 2
                mPath.quadTo(mPreX, mPreY, endX, endY)
                mPreX = event.x
                mPreY = event.y
            }

            MotionEvent.ACTION_UP -> {

            }
        }

        postInvalidate()

        return super.onTouchEvent(event)
    }
}

如果把mode设置为:

Kotlin 复制代码
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

相关推荐
每次的天空1 小时前
Android-自定义View的实战学习总结
android·学习·kotlin·音视频
恋猫de小郭2 小时前
Flutter Widget Preview 功能已合并到 master,提前在体验毛坯的预览支持
android·flutter·ios
断剑重铸之日3 小时前
Android自定义相机开发(类似OCR扫描相机)
android
随心最为安3 小时前
Android Library Maven 发布完整流程指南
android
岁月玲珑3 小时前
【使用Android Studio调试手机app时候手机老掉线问题】
android·ide·android studio
还鮟7 小时前
CTF Web的数组巧用
android
小蜜蜂嗡嗡8 小时前
Android Studio flutter项目运行、打包时间太长
android·flutter·android studio
aqi008 小时前
FFmpeg开发笔记(七十一)使用国产的QPlayer2实现双播放器观看视频
android·ffmpeg·音视频·流媒体
zhangphil10 小时前
Android理解onTrimMemory中ComponentCallbacks2的内存警戒水位线值
android
你过来啊你10 小时前
Android View的绘制原理详解
android