安卓：自定义view实现刮刮乐的效果：

最新推荐文章于 2025-04-29 00:15:00 发布

feng___chen

最新推荐文章于 2025-04-29 00:15:00 发布

阅读量372

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/feng___chen/article/details/102593386

本文详细介绍了一个自定义Android View的实现过程，包括如何响应触摸事件绘制路径，并使用PorterDuff模式进行图像合成。文章深入探讨了Canvas、Paint、Path等核心绘图组件的使用技巧，以及如何通过Xfermode实现遮罩效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里用到了
在这里插入图片描述
不会的可以去看一下自定义view的讲解:

https://note.youdao.com/ynoteshare/index.html?id=a99fc369bc9d4c448cb44af0c542a381&type=note

public class G extends View {
    private Paint paint_one;
    private Path mpath;
    private Canvas mcanvas;
    private Bitmap mbitmap;
    private Bitmap bitmap;
    private int lastx;
    private int lasty;


    public G(Context context) {
        super(context);
        initview();
    }

    public G(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initview();
    }

    public G(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initview();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int width=getMeasuredWidth();
        int height=getMeasuredHeight();
        mbitmap=Bitmap.createBitmap(width,height, Bitmap.Config.ALPHA_8);
        mcanvas=new Canvas(mbitmap);
       initpaint();
       //遮盖
        mcanvas.drawColor(Color.BLACK);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int action = event.getAction();

        //当前坐标
        int x = (int) event.getX();
        int y = (int) event.getY();
        //判断意图
        switch (action){
            case MotionEvent.ACTION_DOWN:
                lastx=x;
                lasty=y;
                mpath.moveTo(lastx,lasty);
                break;
            case MotionEvent.ACTION_MOVE:
                //坐标的值
                int absx = Math.abs(x-lastx);
                int absy = Math.abs(y-lasty);

                mpath.lineTo(x,y);

                lastx=x;
                lasty=y;
                break;
            case MotionEvent.ACTION_UP:

                break;
        }
        invalidate();
        return true;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawBitmap(bitmap,0,0,null);
        drawPath();
        canvas.drawBitmap(mbitmap,0,0,null);
    }

    private void drawPath() {
        //模式
        paint_one.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
        mcanvas.drawPath(mpath,paint_one);
    }

    private void initpaint() {
        paint_one.setColor(Color.RED);
        paint_one.setAntiAlias(true);
        paint_one.setDither(true);
        //线条圆角
        paint_one.setStrokeJoin(Paint.Join.ROUND);
        paint_one.setStrokeCap(Paint.Cap.ROUND);
        paint_one.setStyle(Paint.Style.STROKE);
        //宽度
        paint_one.setStrokeWidth(20);
    }

    private void initview() {
        paint_one=new Paint();
        mpath=new Path();
        bitmap=BitmapFactory.decodeResource(getResources(),R.drawable.a);
    }
}