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