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

作者: 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