使用Paint中的CornerPathEffect来实现圆角的折线

我们在日常开发中经常会遇到让我们自定义控件的情况,而且最用到的就是线,如果你是干股票软件的,那么恭喜你,线对你来说就更加重要了,处了我们可以使用一些第三方的控件外,有一些小的应用,只能自己去完成,这里说一下我们常用的,就是圆角的折线。如下图:
在这里插入图片描述
一般的情况下,大家会用贝塞尔曲线来画,可是却又很麻烦。现在我们来用一种最简单的方法来实现,就是Paint中的CornerPathEffect。
话不多说,直接上代码

public class PathLine extends View {

    private Path mPath;
    private Paint mPaint;

    private PathEffect mPathEffect;

    public PathLine(Context context) {
        this(context,null);
    }

    public PathLine(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public PathLine(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(5);
        mPaint.setColor(Color.RED);

        mPath = new Path();
        mPath.moveTo(0,300);
        mPath.lineTo(200,300);
        mPath.lineTo(400,100);
        mPath.lineTo(600,400);

        //这里的值越大,折角处的圆角就越光滑
        mPathEffect = new CornerPathEffect(50);
        mPaint.setPathEffect(mPathEffect);

    }


    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        canvas.drawPath(mPath,mPaint);
//        canvas.drawLine(0,300,200,300,mPaint);
//        canvas.drawLine(200,300,400,100,mPaint);
//        canvas.drawLine(400,100,600,400,mPaint);
    }
}

这里,要注意的一点,必须使用path,使用drawLine是不好用的。这个可以自己试一下。是不是很简单。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值