Android 自定义带入场动画的弧形百分比进度条

 

前言

日常开发经常会有遇到使用进度条的地方，有些场景会需要使用圆形百分比进度条来更优雅地表示当前的进度，并赋予一些入场动画，使得页面更有活力（比如一些运动App，表示能量的进度条，消耗卡路里的进度条等等），给用户一种不断累积的视觉感。

 

效果

---

 

 

特性

1.设置圆弧半径

2.背景圆弧的粗细

3.进度圆弧的粗细

4.设置进度颜色

5.中心文字大小 颜色 内容

6.进度值 最大值

7.动画时间

 

实现思路

一共可以分为3部分来绘制: 底部的圆、进度弧线、中心文本

绘制底部圆

底部绘制圆采用 drawCircle(float cx, float cy, float radius, Paint paint)

代码如下：

/**
 * 绘制后面的整圆
 */
paint.setStyle(Paint.Style.STROKE); //设置空心
paint.setStrokeWidth(bgStrokeWidth); //设置圆环的宽度
paint.setColor(roundColor);
paint.setAntiAlias(true);  /