`
iaiai
  • 浏览: 2142195 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

UIWebView 进度条控件 NJKWebViewProgress的使用和分析

 
阅读更多
使用:(基本拷贝自以下github地址)
下载地址:https://github.com/ninjinkun/NJKWebViewProgress

_progressProxy = [[NJKWebViewProgress alloc] init]; // instance variable  
webView.delegate = _progressProxy;  
_progressProxy.webViewProxyDelegate = self;  
_progressProxy.progressDelegate = self;


-(void)webViewProgress:(NJKWebViewProgress *)webViewProgress updateProgress:(float)progress  
{  
    [progressView setProgress:progress animated:NO];  
}


progressProxy.progressBlock = ^(float progress) {  
    [progressView setProgress:progress animated:NO];  
};


分析
之前也有遇到需要做webview进度条的需求,但是一直没有好的方法。最后我的处理方法是使用NSURLRquest 去请求数据,请求的进度可以拿到,请求结束之后把请求的数据加载到webview。
这样请求完成之前是不会显示数据的,只显示了进度条。所以很好奇NJKWebViewProgress是怎么做到的,分析如下:
  • webViewDidStartLoad 是一个请求的开始,所有的请求都要经过它,未加载资源之前,能够得到一个URL 有多少个资源需要加载,使用_loadingCount++ 方式来计数。
  • webViewDidFinishLoad、didFailLoadWithError 是一个请求的结束,每次请求结束 _loadingCount --,并重新计数进度
  • 进度使用 _loadingCount/_maxLoadCount 的方式来计算
  • 每次webViewDidFinishLoad、didFailLoadWithError 请求都加入了 waitForCompleteJS 这样的js到web view中,来检测网页是否加载完成。
  • 把得到进度逻辑和展示进度的视图分开写,用代理把两个类联系起来,结构清晰、实现起来也会方便很多

总结
作者非常巧妙地通过计算需要加载的请求的个数,通过请求个数来现实加载进度,不得不佩服他的想法
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics