脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → WKWebView仿微信加载进度条

iOS中WKWebView仿微信加载进度条

 更新时间：2019年05月22日 09:38:51   作者：抬头看见柠檬树  
这篇文章主要为大家详细介绍了iOS中WKWebView仿微信加载进度条，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了WKWebView仿微信加载进度条的具体代码，供大家参考，具体内容如下

WKWebView添加了estimatedProgress属性（double类型），我们可以利用该属性来设置UIProgressView

github代码仓库上存放的Demo

为页面添加UIProgressView属性

@property (nonatomic, strong) WKWebView *mywebView;
@property (nonatomic, strong) UIProgressView *progressView;//设置加载进度条

懒加载UIProgressView

-(UIProgressView *)progressView{
 if (!_progressView) {
  _progressView     = [[UIProgressView alloc]
           initWithProgressViewStyle:UIProgressViewStyleDefault];
  _progressView.frame    = CGRectMake(0, 64, screen_width, 5);

  [_progressView setTrackTintColor:[UIColor colorWithRed:240.0/255
               green:240.0/255
               blue:240.0/255
               alpha:1.0]];
  _progressView.progressTintColor = [UIColor greenColor];


 }
 return _progressView;
}

在初始化WKWebView时（我是在懒加载时） kvo 添加监控

 [_mywebView addObserver:self
      forKeyPath:NSStringFromSelector(@selector(estimatedProgress))
      options:0
      context:nil];

页面开始加载时，隐藏进度条

//开始加载
-(void)webView:(WKWebView *)webView
 didStartProvisionalNavigation:(WKNavigation *)navigation{
 //开始加载的时候，让进度条显示
 self.progressView.hidden = NO;
}

kvo 监听进度

//kvo 监听进度
-(void)observeValueForKeyPath:(NSString *)keyPath
      ofObject:(id)object
      change:(NSDictionary<NSKeyValueChangeKey,id> *)change
      context:(void *)context{

 if ([keyPath isEqualToString:NSStringFromSelector(@selector(estimatedProgress))]
  && object == self.mywebView) {
  [self.progressView setAlpha:1.0f];
  BOOL animated = self.mywebView.estimatedProgress > self.progressView.progress;
  [self.progressView setProgress:self.mywebView.estimatedProgress
        animated:animated];

  if (self.mywebView.estimatedProgress >= 1.0f) {
   [UIView animateWithDuration:0.3f
         delay:0.3f
        options:UIViewAnimationOptionCurveEaseOut
        animations:^{
         [self.progressView setAlpha:0.0f];
        }
        completion:^(BOOL finished) {
         [self.progressView setProgress:0.0f animated:NO];
        }];
  }
 }else{
  [super observeValueForKeyPath:keyPath
        ofObject:object
        change:change
        context:context];
 }
}

在dealloc方法里移除监听

-(void)dealloc{
 [self.mywebView removeObserver:self
      forKeyPath:NSStringFromSelector(@selector(estimatedProgress))];
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • IOS检测指定路径的文件是否存在

    IOS检测指定路径的文件是否存在

    本文给大家分享的是在IOS开发中检测指定文件是否存在的方法，给大家汇总了4种，十分实用，小伙伴们根据自己的需求自由选择吧。
    2015-05-05
  • Xcode 8打印log日志的问题小结及解决方法

    Xcode 8打印log日志的问题小结及解决方法

    这篇文章主要介绍了Xcode 8打印log日志的问题小结及解决方法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
    2016-09-09
  • iOS使用WebView生成长截图的第3种解决方案

    iOS使用WebView生成长截图的第3种解决方案

    这篇文章主要给大家介绍了关于iOS使用WebView生成长截图的第3种解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2018-09-09
  • iOS新功能引导提示界面实例详解

    iOS新功能引导提示界面实例详解

    在开发中，现在很多app更新了新功能时都会给出用户一个提示，以方便用户更好的体验，那么这个功能如何实现的呢？下面通过本文给大家分享iOS新功能引导提示界面实例详解，需要的的朋友参考下吧
    2017-04-04
  • iOS11适配工作及导航栏影藏返回文字的解决方法

    iOS11适配工作及导航栏影藏返回文字的解决方法

    这篇文章主要介绍了iOS11适配工作及导航栏影藏返回文字的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
    2017-10-10
  • IOS代码笔记之下拉菜单效果

    IOS代码笔记之下拉菜单效果

    这篇文章主要为大家详细介绍了IOS实现下拉菜单效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-07-07
  • iOS开发之UIPickerView实现城市选择器的步骤详解

    iOS开发之UIPickerView实现城市选择器的步骤详解

    这篇文章给大家介绍iOS利用控件UIPickerView实现城市选择器的效果，选择城市这一功能相信在大家日常开发的时候经常遇见，下面就来看看详细的实现过程，有需要的可以参考借鉴。
    2016-09-09
  • iOS App开发中UITextField组件的常用属性小结

    iOS App开发中UITextField组件的常用属性小结

    这篇文章主要介绍了iOS App开发中UITextField组件的常用属性小结,文中还介绍了UITextField隐藏键盘及为内容增加校验的两个使用技巧,需要的朋友可以参考下
    2016-04-04
  • IOS定制属于自己的个性头像

    IOS定制属于自己的个性头像

    这篇文章主要为大家介绍了IOS定制属于自己的个性头像，实现方法很简单，感兴趣的小伙伴们可以参考一下
    2016-01-01
  • iOS缓存文件大小显示功能和一键清理功能的实现方法

    iOS缓存文件大小显示功能和一键清理功能的实现方法

    缓存占用了系统的大量空间，如何实时动态的显示缓存的大小，使用户清晰的了解缓存的积累情况，有效的进行一键清理呢？下面小编通过本文给大家介绍iOS缓存文件大小显示功能和一键清理功能的实现方法，一起看看吧
    2016-10-10

最新评论