lukapool / Lkawavecircleprogressbar
Licence: mit
一款带有双波浪动画的圆形进度指示器
Stars: ✭ 175
Projects that are alternatives of or similar to Lkawavecircleprogressbar
Multiprogressview
📊 An animatable view that depicts multiple progresses over time. Modeled after UIProgressView
Stars: ✭ 614 (+250.86%)
Mutual labels: progress-bar, progressview
Progress
[==..] Progress bar for Crystal Programming Language
Stars: ✭ 124 (-29.14%)
Mutual labels: progress-bar
Progress Bar.sh
Simple & sexy progress bar for `bash`, give it a duration and it will do the rest.
Stars: ✭ 155 (-11.43%)
Mutual labels: progress-bar
Glideimageview
基于Glide V4.9.0封装的图片加载库,可以监听加载图片时的进度
Stars: ✭ 1,741 (+894.86%)
Mutual labels: progressview
Vue Wait
Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
Stars: ✭ 1,869 (+968%)
Mutual labels: progress-bar
React Upload Box
A minimal Upload component for React.
Stars: ✭ 169 (-3.43%)
Mutual labels: progress-bar
Radialprogressbar
Radial ProgressBar inspired by Apple Watch OS. It is highly Customisable
Stars: ✭ 141 (-19.43%)
Mutual labels: progress-bar
Linearprogressbar
Material Linear Progress Bar for your iOS apps
Stars: ✭ 131 (-25.14%)
Mutual labels: progress-bar
Tileprogressview
Simple Progress View with Tile Animation
Stars: ✭ 126 (-28%)
Mutual labels: progressview
Progresshud
ProgressHUD is a lightweight and easy-to-use HUD for iOS.
Stars: ✭ 2,045 (+1068.57%)
Mutual labels: progress-bar
Multiwaveheader
Wave,水波,Android 炫酷的多重水波纹 MultiWaveHeader
Stars: ✭ 1,643 (+838.86%)
Mutual labels: wave
Progressbar
A really basic thread-safe progress bar for Golang applications
Stars: ✭ 2,212 (+1164%)
Mutual labels: progress-bar
Next Nprogress
Next.js HOC to integrate NProgress inside your app
Stars: ✭ 145 (-17.14%)
Mutual labels: progress-bar
React Nprogress
⌛️ A React primitive for building slim progress bars.
Stars: ✭ 173 (-1.14%)
Mutual labels: progress-bar
LKAWaveCircleProgressBar
是一款带有双波浪动画的圆形进度指示器视图,可自定义圆形容器的边框颜色
、边框线宽
,双波浪的颜色
,动画时间
,进度改变时间
。
截图
设置进度 | 动画设置进度 | 设置波浪动画时间 |
---|---|---|
设置其他属性 | ||
安装
CocoaPods
1、在 Podfile 文件中添加
pod 'LKAWaveCircleProgressBar'
2、执行
pod install
3、在你需要使用的地方导入头文件
#import "LKAWaveCircleProgressBar.h"
手动安装
1、下载最新代码
2、将WaveAnimation/LKAWaveCircleProgressBar
文件夹拖动到 Xcode 工程项目中。确保选中 Copy items if needed
。
3、导入头文件使用
#import <LKAWaveCircleProgressBar.h>
使用方法
确保视图的高和宽一样
初始化,可以使用 Autolayout 或者设置指定 frame 来定义视图的大小位置。⚠️LKAWaveCircleProgressBar *wcView = [[LKAWaveCircleProgressBar alloc] initWithFrame:CGRectMake(0, 0, 150, 150)];
设置指示器 progress, 取值范围为 [0, 1]
// 无动画效果设置方法
self.wcView.progress = value;
// 或者
[self.wcView setProgress:value];
// 或者
[self.wcView setProgress:value animated:NO];
// 有动画效果设置方法
[self.wcView setProgress:value animated:YES];
WaveAnimation/TestViewContorller.m
视图属性定制化,详细使用方法可以查看// 双波浪滚动动画时间,默认值:1秒
@property (nonatomic, assign) NSTimeInterval waveRollingDuration;
// 进度改变动画时间,默认值:1秒
@property (nonatomic, assign) NSTimeInterval progressAnimationDuration;
// 波浪颜色,默认值:[UIColor colorWithRed:1.0 green:0.0 blue:0.0 alpha:0.5]
@property(nonatomic, strong) UIColor *progressTintColor;
// 指示器圆形容器边框颜色,默认值:[UIColor colorWithRed:1.0 green:0.0 blue:0.0 alpha:0.9]
@property (nonatomic, strong) UIColor *borderColor;
// 指示器圆形容器边框线宽,默认值:2.0
@property (nonatomic, assign) CGFloat borderWidth;
// 进度改变动画完成后回调 Block,默认值为空,主线程执行 block。
@property (nonatomic, copy) Completion completion;
// 停止波浪滚动效果
- (void)stopWaveRollingAnimation;
// 开始波浪滚动效果
- (void)startWaveRollingAnimation;
License
LKAWaveCircleProgressBar is released under the MIT license. See LICENSE for details.
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].