欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

iOS中WKWebView仿微信加载进度条

程序员文章站 2023-12-01 21:09:52
本文实例为大家分享了wkwebview仿微信加载进度条的具体代码,供大家参考,具体内容如下 wkwebview添加了estimatedprogress属性(double类...

本文实例为大家分享了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))];
}

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