Android画板实现

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

public class ActionerView extends View {
    private Paint mPaint = new Paint();
    private Path mPath = new Path();//手指滑动路径
    private Canvas mCanvas;//缓存画布
    private Bitmap mBitmap;//缓存图片
    private float pointX, pointY;//触点坐标


    public ActionerView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }


    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        int width = getMeasuredWidth();
        int height = getMeasuredHeight();

        initPaint();//初始化画笔

        mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
        mCanvas = new Canvas(mBitmap);
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);

        mCanvas.drawPath(mPath, mPaint);
        canvas.drawBitmap(mBitmap, 0, 0, null);

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        pointX = event.getX();
        pointY = event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mPath.moveTo(pointX, pointY);//将路径移动到点(pointX, pointY),不绘制
                break;
            case MotionEvent.ACTION_MOVE:
                mPath.lineTo(pointX, pointY);//绘制一条从上个触点到点(pointX, pointY)的线条
                break;
        }
        invalidate();//重新绘图
        return true;
    }

    private void initPaint() {//初始化画笔
        mPaint.setDither(true);//图片抖动处理
        mPaint.setAntiAlias(true);
        mPaint.setStrokeWidth(20);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeCap(Paint.Cap.ROUND);//设置笔头为圆角
        mPaint.setStrokeJoin(Paint.Join.ROUND);
    }
}

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60

橡皮擦效果图

这里写图片描述
页面代码

public class ActionView extends View {
    private Paint mPaint = new Paint();
    private Path mPath = new Path();//手指滑动路径
    private Canvas mCanvas;//缓存画布
    private Bitmap mBitmap;//缓存图片
    private float pointX, pointY;//触点坐标

    public ActionView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        int width = getMeasuredWidth();
        int height = getMeasuredHeight();

        initPaint();//初始化画笔

        mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); //初始化Bitmap
        mCanvas = new Canvas(mBitmap);
        mCanvas.drawColor(Color.parseColor("#c0c0c0"));//设置画板背景

    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        Bitmap mBackBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.bg);
        canvas.drawBitmap(mBackBitmap, 0, 0, null);

        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
        mCanvas.drawPath(mPath, mPaint);

        canvas.drawBitmap(mBitmap, 0, 0, null);
    }


    @Override
    public boolean onTouchEvent(MotionEvent event) {
        pointX = event.getX();
        pointY = event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mPath.moveTo(pointX, pointY);//将路径移动到点(pointX, pointY),不绘制
                break;
            case MotionEvent.ACTION_MOVE:
                mPath.lineTo(pointX, pointY);//绘制一条从上个触点到点(pointX, pointY)的线条
                break;
        }
        invalidate();//重新绘图
        return true;
    }

    private void initPaint() {//初始化画笔
        mPaint.setDither(true);//设定是否使用图像抖动处理,会使绘制出来的图片颜色更加平滑和饱满,图像更加清晰
        mPaint.setAntiAlias(true);//设置抗锯齿
        mPaint.setStrokeWidth(30);
        mPaint.setColor(Color.RED);//设置画笔颜色
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeCap(Paint.Cap.ROUND);
        mPaint.setStrokeJoin(Paint.Join.ROUND);//圆角
        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST));
    }

}