Awesome
CircleProgressView
CircleProgressView for Android 是一个圆形的进度动画控件,动画效果纵享丝滑。
Gif 展示
你也可以直接下载 演示App 体验效果
引入
Gradle:
-
在Project的 build.gradle 或 setting.gradle 中添加远程仓库
repositories { //... mavenCentral() }
-
在Module的 build.gradle 里面添加引入依赖项
implementation 'com.github.jenly1314:circleprogressview:1.1.3'
使用
CircleProgressView自定义属性说明(进度默认渐变色)
属性 | 值类型 | 默认值 | 说明 |
---|---|---|---|
cpvStrokeWidth | dimension | 12dp | 笔画描边的宽度 |
cpvNormalColor | color | <font color=#C8C8C8>#FFC8C8C8</font> | 圆正常颜色 |
cpvProgressColor | color | <font color=#4FEAAC>#FF4FEAAC</font> | 圆进度颜色 |
cpvStartAngle | integer | 270 | 开始角度,默认十二点钟方向 |
cpvSweepAngle | integer | 360 | 扫描角度范围 |
cpvMax | integer | 100 | 进度最大值 |
cpvProgress | integer | 0 | 当前进度 |
cpvDuration | integer | 500 | 动画时长 |
cpvLabelText | string | 中间的标签文本,默认自动显示百分比 | |
cpvLabelTextColor | color | <font color=#333333>#FF333333</font> | 文本字体颜色 |
cpvLabelTextSize | dimension | 30sp | 文本字体大小 |
cpvShowLabel | boolean | true | 是否显示文本 |
cpvShowTick | boolean | true | 是否显示外环刻度 |
cpvCirclePadding | dimension | 10dp | 外圆环刻度与内圆环间距 |
cpvTickSplitAngle | integer | 5 | 刻度间隔的角度大小 |
cpvBlockAngle | integer | 1 | 刻度的角度大小 |
cpvTickOffsetAngle | integer | 0 | 刻度偏移的角度大小 |
cpvTurn | boolean | false | 是否旋转 |
cpvCapRound | boolean | true | 是否是圆形线冒(圆角弧度) |
cpvLabelPaddingLeft | dimension | 0dp | 文本居左边内间距 |
cpvLabelPaddingTop | dimension | 0dp | 文本居顶边内间距 |
cpvLabelPaddingRight | dimension | 0dp | 文本居右边内间距 |
cpvLabelPaddingBottom | dimension | 0dp | 文本居底边内间距 |
示例
布局示例
<com.king.view.circleprogressview.CircleProgressView
android:id="@+id/cpv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
代码示例
//显示进度动画,进度,动画时长
circleProgressView.showAnimation(80,3000);
//设置当前进度
circleProgressView.setProgress(80);
//设置进度改变监听
circleProgressView.setOnChangeListener(onChangeListener);
更多使用详情,请查看app中的源码使用示例或直接查看 API帮助文档
相关推荐
ArcSeekBar 一个弧形的拖动条进度控件,配置参数完全可定制化。
版本记录
v1.1.3:2021-9-2 (从v1.1.3开始发布至 MavenCentral)
- 对外暴露更多getter和setter方法
- 新增cpvTickOffsetAngle属性
v1.1.2:2020-12-2
- 优化设置渐变色过程处理
v1.1.1:2020-4-2
- 新增cpvLabelPadding..相关属性
v1.1.0:2019-8-19
- 移除appcompat依赖
v1.0.1:2019-5-23
- 新增cpvTurn属性(是否旋转)
v1.0.0:2019-2-17
- CircleProgressView初始版本
赞赏
如果您喜欢CircleProgressView,或感觉CircleProgressView帮助到了您,可以点右上角“Star”支持一下,您的支持就是我的动力,谢谢 :smiley:
<p>您也可以扫描下面的二维码,请作者喝杯咖啡 :coffee: <div> <img src="https://jenly1314.github.io/image/page/rewardcode.png"> </div>关于我
我的博客 | GitHub | Gitee | CSDN | 博客园 |
---|---|---|---|---|
<a title="我的博客" href="https://jenly1314.github.io" target="_blank">Jenly's Blog</a> | <a title="GitHub开源项目" href="https://github.com/jenly1314" target="_blank">jenly1314</a> | <a title="Gitee开源项目" href="https://gitee.com/jenly1314" target="_blank">jenly1314</a> | <a title="CSDN博客" href="http://blog.csdn.net/jenly121" target="_blank">jenly121</a> | <a title="博客园" href="https://www.cnblogs.com/jenly" target="_blank">jenly</a> |
联系我
微信公众号 | Gmail邮箱 | QQ邮箱 | QQ群 | QQ群 |
---|---|---|---|---|
Jenly666 | <a title="给我发邮件" href="mailto:jenly1314@gmail.com" target="_blank">jenly1314</a> | <a title="给我发邮件" href="mailto:jenly1314@vip.qq.com" target="_blank">jenly1314</a> | <a title="点击加入QQ群" href="https://qm.qq.com/cgi-bin/qm/qr?k=6_RukjAhwjAdDHEk2G7nph-o8fBFFzZz" target="_blank">20867961</a> | <a title="点击加入QQ群" href="https://qm.qq.com/cgi-bin/qm/qr?k=Z9pobM8bzAW7tM_8xC31W8IcbIl0A-zT" target="_blank">64020761</a> |