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

 更新时间:2016年10月14日 16:09:29   投稿:lqh  
这篇文章主要介绍了IOS 开发自定义条形ProgressView的实例的相关资料,希望开发自己的条形进度条的朋友可以参考下

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

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

简单思路:

 1.自定义进度条先继承UIView 建立一个CustomBarProgressView
 2.在.H文件中外漏的方法《开始的方法》《初始化的方法》
 3.在.M文件中 利用定时器改变位置 实现进度条

#效果图

#部分代码

-(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 UIWebView 通过 cookie 完成自动登录实例

    iOS UIWebView 通过 cookie 完成自动登录实例

    本篇文章主要介绍了iOS UIWebView 通过 cookie 完成自动登录实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-04-04
  • iOS常用加密算法介绍和代码实践

    iOS常用加密算法介绍和代码实践

    这篇文章主要为大家详细介绍了iOS常用加密算法介绍和代码实践,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • IOS实现视频动画效果的启动图

    IOS实现视频动画效果的启动图

    这篇文章实现的是一个关于启动页或者引导页的视频动画效果的实现过程,对于大家开发APP具有一定的参考借鉴价值,有需要的可以来看看。
    2016-09-09
  • iOS实现手动和自动屏幕旋转

    iOS实现手动和自动屏幕旋转

    这篇文章主要为大家详细介绍了iOS实现手动和自动屏幕旋转,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • iOS实现一个意见反馈类型的输入栏

    iOS实现一个意见反馈类型的输入栏

    这篇文章主要给大家介绍了关于利用iOS实现一个意见反馈类型的输入栏,通过文中实现的输入栏会用户一个很好的体验效果,文中给了详细的示例代码,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-10-10
  • iOS指纹验证TouchID应用学习教程

    iOS指纹验证TouchID应用学习教程

    这篇文章主要为大家详细iOS指纹验证TouchID应用学习教程的第一篇,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • iOS中Cell的Section展开和收起的示例代码

    iOS中Cell的Section展开和收起的示例代码

    本篇文章主要介绍了iOS中Cell的Section展开和收起的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • iOS布局渲染之UIView方法的调用时机详解

    iOS布局渲染之UIView方法的调用时机详解

    在你刚开始开发 iOS 应用时,最难避免或者是调试的就是和布局相关的问题,下面这篇文章主要给大家介绍了关于iOS布局渲染之UIView方法调用时机的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2018-07-07
  • Flutter Boost 混合开发框架

    Flutter Boost 混合开发框架

    Flutter是一个由C++实现的Flutter Engine和由Dart实现的Framework组成的跨平台技术框架,本文将在此做一个初步的讲解
    2021-08-08
  • 详细整理iOS中UITableView的性能优化

    详细整理iOS中UITableView的性能优化

    最近在微博上看到一个很好的开源项目,是关于如何优化UITableView的,加上正好最近也在优化项目中的类似朋友圈功能这块,思考了很多关于UITableView的优化技巧,所以决定详细的整理下对优化UITableView的理解,需要的朋友们可以参考借鉴。
    2017-03-03

最新评论