jenly1314 / Circleprogressview
Licence: mit
🎡 CircleProgressView是一个圆形渐变的进度动画控件(支持外环显示刻度,内环随之变化,配置参数完全可配),动画效果纵享丝滑。
Stars: ✭ 314
Programming Languages
java
68154 projects - #9 most used programming language
Projects that are alternatives of or similar to Circleprogressview
Theglowingloader
TheGlowingLoader is the highly configurable library to indicate progress and is natively created for Android Platform. It is an implementation of a design composed by Shashank Sahay.
Stars: ✭ 379 (+20.7%)
Mutual labels: progress, progressbar, progressview
GaugeProgressView
Tired of boring Android progress views? This one is amazing!
Stars: ✭ 17 (-94.59%)
Mutual labels: progress, progressbar, progressview
React Circle
Renders a svg circle + progress, it just works 💘
Stars: ✭ 925 (+194.59%)
Mutual labels: loading, progress, circle
Progressstatusbar
Another way to show progress. A progress View over the system StatusBar.
Stars: ✭ 283 (-9.87%)
Mutual labels: progress, progressbar, progressview
Multiprogressview
📊 An animatable view that depicts multiple progresses over time. Modeled after UIProgressView
Stars: ✭ 614 (+95.54%)
Mutual labels: progress, progressbar, progressview
Arcseekbar
🎡 ArcSeekBar 一个弧形可拖动进度条控件。弧形大小,弧度,颜色渐变等配置完全可定制化
Stars: ✭ 115 (-63.38%)
Mutual labels: progressbar, circle, progressview
Progress
基于Vue 2.x 的进度条,支持直线和环形(顺时针和逆时针)。Vue-based progress component, support line and circle(clockwise or couterclockwise).
Stars: ✭ 130 (-58.6%)
Mutual labels: progress, progressbar, circle
Ngx Progressbar
Angular progress bar ☄
Stars: ✭ 813 (+158.92%)
Mutual labels: loading, progress, progressbar
React Nprogress
⌛️ A React primitive for building slim progress bars.
Stars: ✭ 173 (-44.9%)
Mutual labels: loading, progress, progressbar
tox-progress
This JavaScript library was made to easily create animated radial progress bars.
Stars: ✭ 13 (-95.86%)
Mutual labels: progress, circle
react-sweet-progress
A way to quickly add a progress bar to react app 🌈
Stars: ✭ 250 (-20.38%)
Mutual labels: progress, progressbar
spinnies
Node.js module to create and manage multiple spinners in command-line interface programs
Stars: ✭ 111 (-64.65%)
Mutual labels: progress, loading
ProBar
this script will allow you to configure a progress bar with a timer with other options
Stars: ✭ 0 (-100%)
Mutual labels: progress, progressbar
Waitme
jquery plugin for easy creating loading css3/images animations
Stars: ✭ 302 (-3.82%)
Mutual labels: loading, progress
stqdm
stqdm is the simplest way to handle a progress bar in streamlit app.
Stars: ✭ 75 (-76.11%)
Mutual labels: progress, progressbar
Rsup Progress
❤️ A simple progress bar with promises support
Stars: ✭ 290 (-7.64%)
Mutual labels: loading, progressbar
CircleProgressView
CircleProgressView for Android 是一个圆形的进度动画控件,动画效果纵享丝滑。
CircleProgressView 不能满足你的需求?
也许你想要的是 ArcSeekBar
Gif 展示
CircleProgressView自定义属性说明(进度默认渐变色)
属性 | 值类型 | 默认值 | 说明 |
---|---|---|---|
cpvStrokeWidth | dimension | 12dp | 笔画描边的宽度 |
cpvNormalColor | color | #FFC8C8C8 | 圆正常颜色 |
cpvProgressColor | color | #FF4FEAAC | 圆进度颜色 |
cpvStartAngle | integer | 270 | 开始角度,默认十二点钟方向 |
cpvSweepAngle | integer | 360 | 扫描角度范围 |
cpvMax | integer | 100 | 进度最大值 |
cpvProgress | integer | 0 | 当前进度 |
cpvDuration | integer | 500 | 动画时长 |
cpvLabelText | string | 中间的标签文本,默认自动显示百分比 | |
cpvLabelTextColor | color | #FF333333 | 文本字体颜色 |
cpvLabelTextSize | dimension | 30sp | 文本字体大小 |
cpvShowLabel | boolean | true | 是否显示文本 |
cpvShowTick | boolean | true | 是否显示外环刻度 |
cpvCirclePadding | dimension | 10dp | 外圆环刻度与内圆环间距 |
cpvTickSplitAngle | integer | 5 | 刻度间隔的角度大小 |
cpvBlockAngle | integer | 1 | 刻度的角度大小 |
cpvTurn | boolean | false | 是否旋转 |
cpvCapRound | boolean | true | 是否是圆形线冒(圆角弧度) |
cpvLabelPaddingLeft | dimension | 0dp | 文本居左边内间距 |
cpvLabelPaddingTop | dimension | 0dp | 文本居顶边内间距 |
cpvLabelPaddingRight | dimension | 0dp | 文本居右边内间距 |
cpvLabelPaddingBottom | dimension | 0dp | 文本居底边内间距 |
引入
Maven:
<dependency>
<groupId>com.king.view</groupId>
<artifactId>circleprogressview</artifactId>
<version>1.1.2</version>
<type>pom</type>
</dependency>
Gradle:
implementation 'com.king.view:circleprogressview:1.1.2'
Lvy:
<dependency org='com.king.view' name='circleprogressview' rev='1.1.2'>
<artifact name='$AID' ext='pom'></artifact>
</dependency>
如果Gradle出现compile失败的情况,可以在Project的build.gradle里面添加如下:(也可以使用上面的GitPack来complie)
allprojects {
repositories {
maven { url 'https://dl.bintray.com/jenly/maven' }
}
}
示例
布局示例
<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中的源码使用示例
版本记录
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”支持一下,您的支持就是我的动力,谢谢 😃
您也可以扫描下面的二维码,请作者喝杯咖啡 ☕️
关于我
Name: Jenly
Email: jenly1314#gmail.com / jenly1314#vip.qq.com
CSDN: jenly121
CNBlogs: jenly
GitHub: jenly1314
Gitee: jenly1314
加入QQ群: 20867961
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].