前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android利用SRC_OUT模式下的Xfermode实现刮刮卡效果

Android利用SRC_OUT模式下的Xfermode实现刮刮卡效果

作者头像
aruba
发布2020-07-02 22:58:06
7690
发布2020-07-02 22:58:06
举报
文章被收录于专栏:android技术android技术
刮刮卡.gif
刮刮卡.gif
和橡皮擦相同,只是在最下层加一个显示结果的图片
代码语言:javascript
复制
    private Bitmap bitmapRes, bitmapSrc, bitmapDst;
    private Paint mPaint = new Paint();
    private Paint pathPaint = new Paint();
    private Path path = new Path();
    //透明画布
    private Canvas dstCanvas;

    public GuaguakaView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setLayerType(LAYER_TYPE_SOFTWARE,null);
        
        bitmapRes = BitmapFactory.decodeResource(getResources(), R.mipmap.guaguaka_text1);
        bitmapSrc = BitmapFactory.decodeResource(getResources(), R.mipmap.guaguaka);
        bitmapDst = Bitmap.createBitmap(bitmapSrc.getWidth(), bitmapSrc.getHeight(), Bitmap.Config.ARGB_8888);
        dstCanvas = new Canvas(bitmapDst);
        
        mPaint.setDither(true);

        pathPaint.setStyle(Paint.Style.STROKE);
        pathPaint.setStrokeWidth(50);
        pathPaint.setStrokeCap(Paint.Cap.ROUND);
        pathPaint.setColor(Color.WHITE);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                path.moveTo(event.getX(), event.getY());
                postInvalidate();
                return true;
            case MotionEvent.ACTION_MOVE:
                path.lineTo(event.getX(), event.getY());
                postInvalidate();
                break;
        }
        return super.onTouchEvent(event);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        //画结果
        canvas.drawBitmap(bitmapRes, 0, 0, mPaint);

        int layerId = canvas.saveLayer(0, 0, getWidth(), getHeight(), null, Canvas.ALL_SAVE_FLAG);
        //画DST
        dstCanvas.drawPath(path,pathPaint);
        canvas.drawBitmap(bitmapDst, 0, 0, mPaint);

        Xfermode xfermode = new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT);
        mPaint.setXfermode(xfermode);
        canvas.drawBitmap(bitmapSrc,0,0,mPaint);
        mPaint.setXfermode(null);

        canvas.restoreToCount(layerId);
    }
项目地址:https://gitee.com/aruba/Xfermode.git
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 和橡皮擦相同,只是在最下层加一个显示结果的图片
  • 项目地址:https://gitee.com/aruba/Xfermode.git
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档