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

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


代码下载
效果图如下

模仿支付宝芝麻信用进度圆环_第1张图片
效果图

画扇形

   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方法

模仿支付宝芝麻信用进度圆环_第2张图片
gif.gif

代码下载

你可能感兴趣的:(模仿支付宝芝麻信用进度圆环)