All Projects → jenly1314 → Circleprogressview

jenly1314 / Circleprogressview

Licence: mit
🎡 CircleProgressView是一个圆形渐变的进度动画控件(支持外环显示刻度,内环随之变化,配置参数完全可配),动画效果纵享丝滑。

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
mp-progress
专注于小程序圆环形进度条的小工具
Stars: ✭ 72 (-77.07%)
Mutual labels:  progress, progressbar, circle
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
GradientProgressView
一个简单的进度条控件
Stars: ✭ 15 (-95.22%)
Mutual labels:  progressbar, progressview
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
DevProgressView
自定义ProdressView-进度条动画
Stars: ✭ 17 (-94.59%)
Mutual labels:  progress, progressview
Ring
圆环进度条,环形进度条
Stars: ✭ 52 (-83.44%)
Mutual labels:  progress, circle
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

Download JCenter JitPack CI CircleCI API License Blog QQGroup

CircleProgressView for Android 是一个圆形的进度动画控件,动画效果纵享丝滑。

CircleProgressView 不能满足你的需求?

也许你想要的是 ArcSeekBar

Gif 展示

Image

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].