All Projects → zhongruiAndroid → Ring

zhongruiAndroid / Ring

Licence: other
圆环进度条,环形进度条

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Ring

ALProgressView
Animated and fully customizable progress view with 2 styles: ring and bar.
Stars: ✭ 72 (+38.46%)
Mutual labels:  circle, ringprogress
Vue Ellipse Progress
A Vue.js component to create beautiful animated circular progress bars
Stars: ✭ 101 (+94.23%)
Mutual labels:  progress, circle
React Circle
Renders a svg circle + progress, it just works 💘
Stars: ✭ 925 (+1678.85%)
Mutual labels:  progress, circle
Circleprogressview
🎡 CircleProgressView是一个圆形渐变的进度动画控件(支持外环显示刻度,内环随之变化,配置参数完全可配),动画效果纵享丝滑。
Stars: ✭ 314 (+503.85%)
Mutual labels:  progress, circle
Hgcircularslider
A custom reusable circular / progress slider control for iOS application.
Stars: ✭ 2,240 (+4207.69%)
Mutual labels:  progress, circle
Mkringprogressview
⭕️ Ring progress view similar to Activity app on Apple Watch
Stars: ✭ 1,140 (+2092.31%)
Mutual labels:  progress, circle
Xlcircleprogress
iOS 圆环进度指示器
Stars: ✭ 93 (+78.85%)
Mutual labels:  progress, circle
Jocircularslider
A highly customisable and reusable circular slider for iOS applications.
Stars: ✭ 128 (+146.15%)
Mutual labels:  progress, circle
React Native Circular Progress
React Native component for creating animated, circular progress with ReactART
Stars: ✭ 1,901 (+3555.77%)
Mutual labels:  progress, circle
Progress
基于Vue 2.x 的进度条,支持直线和环形(顺时针和逆时针)。Vue-based progress component, support line and circle(clockwise or couterclockwise).
Stars: ✭ 130 (+150%)
Mutual labels:  progress, circle
mp-progress
专注于小程序圆环形进度条的小工具
Stars: ✭ 72 (+38.46%)
Mutual labels:  progress, circle
Rpcircularprogress
(Swift) Circular progress UIView subclass with UIProgressView properties
Stars: ✭ 236 (+353.85%)
Mutual labels:  progress, circle
tox-progress
This JavaScript library was made to easily create animated radial progress bars.
Stars: ✭ 13 (-75%)
Mutual labels:  progress, circle
life-progress
🚼->🚶->👻
Stars: ✭ 20 (-61.54%)
Mutual labels:  progress
ProgressView
Custom view scrollbar
Stars: ✭ 28 (-46.15%)
Mutual labels:  progress
angular-progress-http
[DEPRECATED] Use @angular/common/http instead
Stars: ✭ 43 (-17.31%)
Mutual labels:  progress
GradientProgress
A gradient progress bar (UIProgressView).
Stars: ✭ 38 (-26.92%)
Mutual labels:  progress
CustomProgress
自定义水平带百分比数字的进度条以及自定义圆形带百分比数字的进度条
Stars: ✭ 58 (+11.54%)
Mutual labels:  progress
react-sweet-progress
A way to quickly add a progress bar to react app 🌈
Stars: ✭ 250 (+380.77%)
Mutual labels:  progress
SwiftUI-DesignCode
 SwiftUI-DesignCode is some examples in the process of learning swiftUI 2.0
Stars: ✭ 185 (+255.77%)
Mutual labels:  circleprogress

Ring圆环进度

github

属性 类型 说明
neiYuanColor color 内圆颜色,默认透明
ringRadius dimension 圆环半径
ringWidth dimension 圆环宽度
ringColor color 圆环颜色
ringProgressColor color 圆环进度颜色
startAngle integer 开始角度,默认为-90(12点钟方向),0度是3点钟方向,90度是6点钟方向
isClockwise boolean 是否顺时针,默认true
progress float 当前进度
maxProgress float 总进度,默认100
disableAngle integer 不绘制的角度(圆环缺损角度)
isRound boolean 圆环进度是否为圆角,默认true
useAnimation boolean 是否设置动画,默认true(setProgress方法执行动画时获取progress建议设置监听事件获取)
duration integer 动画执行时间,单位:毫秒,默认1000毫秒
isDecimal boolean 进度百分比数值是否有小数点,默认true
decimalPointLength integer 小数点后几位
isShowPercentText boolean 是否显示百分比,默认true
textColor color 文字颜色
textSize dimension 文字大小,默认17sp

进度监听

CircleProgress circleprogress = (CircleProgress) findViewById(R.id.circleprogress);
circleProgress.setOnCircleProgressInter(new CircleProgress.OnCircleProgressInter() {
    @Override
    public void progress(float scaleProgress, float progress, float max) {
        //总进度max,当前进度:progress,动画执行进度:scaleProgress
    }
});
<com.github.ring.CircleProgress
    android:id="@+id/circleprogress"
    android:layout_width="200dp"
    android:layout_height="200dp"
    app:textSize="22sp"
    app:decimalPointLength="1"
    app:isShowPercentText="true"
    app:progress="120"
    app:maxProgress="200"
    app:ringProgressColor="@color/blue_00"
    app:disableAngle="0"
    app:duration="1000"
    app:isClockwise="true"
    app:isDecimal="true"
    app:isRound="true"
    app:useAnimation="true"
    app:ringColor="@color/top_color1"
    app:neiYuanColor="@color/transparent"
    app:ringRadius="90dp"
    app:ringWidth="10dp"
    app:textColor="@color/blue_00"
    />

设置过度颜色

circleprogress.post(new Runnable() {
    @Override
    public void run() {
        LinearGradient linearGradient = new LinearGradient(0,0,
                circleprogress.getWidth(),circleprogress.getHeight(),
                circleprogress.getRingProgressColor(), ContextCompat.getColor(MainActivity.this,R.color.green),
                Shader.TileMode.MIRROR);
        circleprogress.setProgressShader(linearGradient);
    }
});

如果本库对您有帮助,还希望支付宝扫一扫下面二维码,你我同时免费获取奖励金(非常感谢 Y(^-^)Y)

github

Download <--版本号

compile 'com.github:CircleProgress:版本号看上面'
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].