iOS中WKWebView仿微信加载进度条
短信预约 -IT技能 免费直播动态提醒
本文实例为大家分享了WKWebView仿微信加载进度条的具体代码，供大家参考，具体内容如下
WKWebView添加了estimatedProgress属性（double类型），我们可以利用该属性来设置UIProgressView
为页面添加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))];
}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程网。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
