1.2.4_使用离屏绘制Xfermode实现刮刮卡效果

川长思鸟来 2023-10-18 16:19 130阅读 0赞

先看下效果图

![在这里插入图片描述][20190329083140282.gif]

#### 如何实现 ####

##### 1.初始化 #####

mPaint = new Paint();
    mPaint.setColor(Color.RED);
    mPaint.setStyle(Paint.Style.STROKE);
    mPaint.setStrokeWidth(80);
    mPaint.setStrokeCap(Paint.Cap.ROUND);
    
    //禁止硬件加速
    setLayerType(View.LAYER_TYPE_SOFTWARE,null);
    
    //初始化图片对象
    mTxtBmp = BitmapFactory.decodeResource(getResources(),R.mipmap.result); //刮刮卡结果
    mSrcBmp = BitmapFactory.decodeResource(getResources(),R.mipmap.eraser); //刮刮卡封面
    mDstBmp = Bitmap.createBitmap(mSrcBmp.getWidth(),mSrcBmp.getHeight(),Bitmap.Config.ARGB_8888);
    
    //初始化Path(贝塞尔曲线)
    mPath = new Path();

##### 2.监听触摸事件 #####

重写onTouchEvent方法

@Override
    public boolean onTouchEvent(MotionEvent event) {
    	super.onTouchEvent(event);
    	return true;
    }

对于ACTION\_DOWN事件，记录下X和Y坐标，并将Path移动到该点作为起始点

mEventX = event.getX();
    mEventY = event.getY();
    mPath.moveTo(mEventX, mEventY);

对于ACTION\_MOVE事件，先计算出目标点

float endX = (event.getX() - mEventX) / 2 + mEventX;
    float endY = (event.getY() - mEventY) / 2 + mEventY;

然后，使用Path记录二阶贝塞尔曲线

mPath.quadTo(mEventX, mEventY, endX, endY);

最后，记录下Event的X和Y坐标，并赋值给mEventX和mEventY

mEventX = event.getX();
    mEventY = event.getY();

接着，无论是ACTION\_DOWN和ACTION\_MOVE，都需要通知View重新进行绘制