我们在上一篇:自定义view系列—手指绘制曲线 中讲解了如何通过自定义view实现将手指在屏幕上的滑动路径绘制出来,关键点就是缓存Bitmap。本篇我们来讲解下这个需求的另外一种实现方式,通过Path来保存绘制的数据。
知道Vector的同学对path一定不陌生,我们可以通过一定的规则来绘制一个图标的路径,然后在使用该图标时,任意缩放该图标都不会有失真模糊的现象,path就是这么神奇。
我们这里的Path原理也是一样的,就是可以给这个对象添加绘制路径,这样我们就可以将绘制路径保存在Path对象中,而不用通过BitMap来做了。
//自定义view,DrawLineByFingerPathView
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawPath(path, paint);//将Path对象汇总保存的路径绘制到Canvas上
}
@Override
public boolean onTouchEvent(MotionEvent event) {
int action = event.getAction();
switch (action){
case MotionEvent.ACTION_DOWN:
preX = event.getX();
preY = event.getY();
//path.reset();
path.moveTo(preX, preY);
break;
case MotionEvent.ACTION_MOVE:
currentX = event.getX();
currentY = event.getY();
path.quadTo(preX, preY, currentX, currentY);//将move事件的小段直线添加到Path对象中
invalidate();
preX = currentX;
preY = currentY;
break;
case MotionEvent.ACTION_UP:
break;
}
return true;
}
代码是否比上一篇简洁了些呢?
同样我们也来实现下 清除曲线 的功能,只需要将path.reset()就行啦。
if(mDrawLineByFingerPathView != null && mDrawLineByFingerPathView.getPath() != null){
mDrawLineByFingerPathView.getPath().reset();
mDrawLineByFingerPathView.invalidate();
}
DONE
此系列后续持续更新。