模仿支付宝芝麻信用进度圆环

作者: ldoublem | 来源:发表于2016-05-27 22:34 被阅读1232次

    上篇写了自定义圆环进度条,在上篇的基础上自定义了稍微复杂一点的控件,模仿支付宝芝麻信用进度圆环。


    代码下载
    效果图如下

    效果图

    画扇形

       RectF rectF=new RectF(left,top,right,bottom)
       canvas.drawArc(rectF, startAngle, sweepAngle, false, ringPaint);//第三个参数是否显示半径
    

    将文字沿着圆环内测显示

       path.addOval(rectF, Path.Direction.CW);//Path.Direction.CCW逆时针
       canvas.drawTextOnPath(text,path,hOffset,vOffset,paint);
    

    带有阴影的圆点

        pointPaint.setShadowLayer(pointShadowLayer, x, y, Color.WHITE);//设置阴影
        canvas.drawCircle(xPoint, yPoint, pointPaintSize, pointPaint);
    

    动画依旧使用Animation,重写applyTransformation方法

    gif.gif

    代码下载

    相关文章

      网友评论

      • 光头强_Mr:正要写这个
        _和咸鱼没什么区别:现在正需要写一个类似的功能,求大神给个demo啊,我那是一整个圆没有刻度,但效果就是根据中间的分数来跑进度的,对canvas实在是觉得头都大了,求demo求demo~~~
      • moshimoshi:牛逼
      • f49cef042ed7:厉害 支持 已关注
        ldoublem:@Magier thanks

      本文标题:模仿支付宝芝麻信用进度圆环

      本文链接:https://www.haomeiwen.com/subject/cvjfdttx.html