ios-wkwebview 加载进度条

Posted on

interface里

1
2
@property (weak, nonatomic) CALayer *progresslayer;
@property WKWebView* webview;

在viewDidLoad里面

1
2
3
4
5
6
7
8
9
10
[_webview addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];
   UIView *progress = [[UIView alloc]initWithFrame:CGRectMake(0, 64, CGRectGetWidth(self.view.frame), 3)];
   progress.backgroundColor = [UIColor clearColor];
   [self.view addSubview:progress];
   
   CALayer *layer = [CALayer layer];
   layer.frame = CGRectMake(0, 0, 0, 3);
   layer.backgroundColor = [UIColor blueColor].CGColor;
   [progress.layer addSublayer:layer];
   self.progresslayer = layer;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context{
    if ([keyPath isEqualToString:@"estimatedProgress"]) {
        self.progresslayer.opacity = 1;
        //不要让进度条倒着走...有时候goback会出现这种情况
        if ([change[@"new"] floatValue] < [change[@"old"] floatValue]) {
            return;
        }
        self.progresslayer.frame = CGRectMake(0, 0, self.view.bounds.size.width * [change[@"new"] floatValue], 3);
        if ([change[@"new"] floatValue] == 1) {
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.4 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
                self.progresslayer.opacity = 0;
            });
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
                self.progresslayer.frame = CGRectMake(0, 0, 0, 3);
            });
        }
    }else{
        [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
    }
}

最后取消监听

1
2
3
- (void)dealloc{
    [self.webview removeObserver:self forKeyPath:@"estimatedProgress"];
}