android 画板菜单,【记录】Android画板-模块

在工程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;

}

}