自定义view系列---手指绘制曲线2

我们在上一篇:自定义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

此系列后续持续更新。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值