手机
当前位置:查字典教程网 >编程开发 >IOS开发 >IOS 开发自定义条形ProgressView的实例
IOS 开发自定义条形ProgressView的实例
摘要:IOS自定义进度条ProgressView,好的进度条,让人赏心悦目,在等待的时候不是那么烦躁,也算是增加用户体验吧!进度条在iOS开发中很...

IOS 自定义进度条 ProgressView,好的进度条,让人赏心悦目,在等待的时候不是那么烦躁,也算是增加用户体验吧!

进度条在iOS开发中很常见的,我在项目开发中也写过好多进度条,有好多种类的,条形,圆形等,今天给大家总结一种条形的开发进度条。

简单思路:

1.自定义进度条先继承UIView 建立一个CustomBarProgressView

2.在.H文件中外漏的方法《开始的方法》《初始化的方法》

3.在.M文件中 利用定时器改变位置 实现进度条

#效果图

IOS 开发自定义条形ProgressView的实例1

#部分代码

-(instancetype)initWithFrame:(CGRect)frame withStartNum:(CGFloat)startNum withEndNum:(CGFloat)endNum withSignNum:(CGFloat)signNum withTime:(CGFloat)time{ if (self = [super initWithFrame:frame]) { self.startNum = startNum; self.endNum = endNum; self.signNum = signNum; if(time == 0){ self.time = 0.1; }else{ self.time = time; } [self setUpSubViews]; } return self; } - (void)setUpSubViews { UIView *backView = [[UIView alloc] init]; backView.backgroundColor =BoomViewColor; backView.layer.cornerRadius = CornerRadius; backView.layer.masksToBounds = YES; [self addSubview:backView]; self.backView = backView; UIView *fontView = [[UIView alloc] init]; fontView.backgroundColor = UpViewColor; fontView.layer.cornerRadius = CornerRadius; fontView.layer.masksToBounds = YES; [self addSubview:fontView]; self.fontView = fontView; } -(void)progressViewStart{ if (self.timer == nil) { dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ self.timer = [NSTimer scheduledTimerWithTimeInterval:self.time target:self selector:@selector(changeProgressViewFrame:) userInfo:nil repeats:YES]; [[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes]; }); } } -(void)changeProgressViewFrame:(NSTimer *)timer{ //位置计算 CGFloat signProgress = (self.signNum - self.startNum) / (self.endNum - self.startNum); NSLog(@"==>>>%f",self.progress); if (self.progress >= signProgress){ [self.timer invalidate]; self.timer = nil; return; } self.progress += 0.01; [self setNeedsLayout]; } -(void)layoutSubviews{ [super layoutSubviews]; NSLog(@"==>>>%f",self.progress); self.backView.frame = self.bounds; self.fontView.frame = self.bounds; self.fontView.width = self.width * self.progress; }

PS:可以自己增加 进度条文字等修改大小 样式

别小看任何人,越不起眼的人。往往会做些让人想不到的事。。。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

【IOS 开发自定义条形ProgressView的实例】相关文章:

IOS实现自定义透明背景的tabbar

iOS开发之UIScrollView控件详解

iOS开发中UIImageView控件的常用操作整理

iOS自定义日历控件的简单实现过程

iOS开发:UIView的Animation效果

iOS App开发中使用及自定义UITableViewCell的教程

IOS封装自定义布局的方法

iOS开发基础:UITableView

iOS自定义alertView提示框实例分享

iOS自定义collectionView实现毛玻璃效果

精品推荐
分类导航