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

2020-01-08  本文已影响0人  aruba
刮刮卡.gif

和橡皮擦相同,只是在最下层加一个显示结果的图片

    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

上一篇下一篇

猜你喜欢

热点阅读