本文实例为大家分享了wkwebview仿微信加载进度条的具体代码，供大家参考，具体内容如下
wkwebview添加了estimatedprogress属性（double类型），我们可以利用该属性来设置uiprogressview
github代码仓库上存放的demo
为页面添加uiprogressview属性
?
|
1
2
|
@property (nonatomic, strong) wkwebview *mywebview;
@property (nonatomic, strong) uiprogressview *progressview;//设置加载进度条
|
懒加载uiprogressview
?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
-(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 添加监控
?
|
1
2
3
4
|
[_mywebview addobserver:self
forkeypath:nsstringfromselector(@selector(estimatedprogress))
options:0
context:nil];
|
页面开始加载时，隐藏进度条
?
|
1
2
3
4
5
6
|
//开始加载
-(void)webview:(wkwebview *)webview
didstartprovisionalnavigation:(wknavigation *)navigation{
//开始加载的时候，让进度条显示
self.progressview.hidden = no;
}
|
kvo 监听进度
?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
//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方法里移除监听
?
|
1
2
3
4
|
-(void)dealloc{
[self.mywebview removeobserver:self
forkeypath:nsstringfromselector(@selector(estimatedprogress))];
}
|
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持快网idc。
相关文章
猜你喜欢
- 个人服务器网站搭建：如何选择合适的服务器提供商？ 2025-06-10
- ASP.NET自助建站系统中如何实现多语言支持？ 2025-06-10
- 64M VPS建站：如何选择最适合的网站建设平台？ 2025-06-10
- ASP.NET本地开发时常见的配置错误及解决方法？ 2025-06-10
- ASP.NET自助建站系统的数据库备份与恢复操作指南 2025-06-10
