【记录】Android画板-模块

1. 在工程src目录下新建一个类，继承于SurfaceView，实现Callback接口（SurfaceHolder.Callback，这个不知道干嘛用的，好像自定义控件需要用到它）和OntouchListener接口（区别OnClickListener），添加构造方法（还得是Context context, AttributeSet attrs两个参数的这种，虽然不知道为啥）和复写Callback接口的方法（有surfaceCreated()、surfaceChanged()、surfaceDestroyed()三个方法），其次在布局文件中添加自定义控件。
2. 初始化Paint和Path，在构造方法中设定Paint的相关属性，在SurfaceCreated()添加Canvas的一系列属性操作（逻辑写在draw()，不太懂getHolder()的锁定Canvas的原理）。
3. 在构造方法中添加监听事件，在监听实践中实现业务逻辑。OntouchListener()中MotionEvent.getAction()判断MotionEvent.ACTION_XXXX，常用的有ACTION_DOWN、ACTION_UP和ACTION_MOVE，相应某个时刻MotionEvent.getX()和getY()，实现具体操作。这里监听的是按下和滑动事件。
4. 按下时，确定一个坐标A，path定位到A，调用draw()。滑动时的坐标变化即path的路径，在滑动中也要调用draw()，即时显示路径。
5. 清空即清空path，path.reset()再绘制。
6. 这里不可避免会出现绘制图锯齿效果，结合前面的小伙伴们的总结，收集改善绘图时锯齿效果的三个角度：path，canvas及path防抖（本人菜逼，不知道其中canvas的原理啥的）

code

/**
* 继承SurfaceView类，实现SurfaceHolder的callback方法
*/
public class DrawingView extends SurfaceView implements SurfaceHolder.Callback,View.OnTouchListener{

  private Paint p = new Paint();
  private Path path =new Path();

  public DrawingView(Context context, AttributeSet attrs) {
    super(context, attrs);
    getHolder().addCallback(this);
    p.setColor(Color.RED);
    p.setTextSize(40);
    p.setStyle(Paint.Style.STROKE);

/*
改善绘图时锯齿效果的三种方法：
1. 给Paint加上抗锯齿标志。然后将Paint对象作为参数传给canvas的绘制方法。
paint.setAntiAlias（true）;
2. 给Canvas加上抗锯齿标志。有些地方不能用paint的，就直接给canvas加抗锯齿，更方便。
canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG));
3. 给Paint附上防抖动参数，使绘图更加平滑
paint.setDither(true);
*/
    p.setAntiAlias(true);
    p.setDither(true);
    setOnTouchListener(this);
}

   public void draw(){
    Canvas canvas = getHolder().lockCanvas();
    canvas.drawColor(Color.WHITE);
    canvas.drawPath(path, p);
    canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG));
    getHolder().unlockCanvasAndPost(canvas);
}

  public void clear(){
    path.reset();
    draw();
}

    @Overridepublic void surfaceCreated(SurfaceHolder holder) {
        draw();
}

    @Overridepublic boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                path.moveTo(event.getX(), event.getY());
                draw();
            break;
            case MotionEvent.ACTION_MOVE:
                path.lineTo(event.getX(),event.getY());
                draw();
            break;
}
    return true;
}
}