iOS中如何使用WKWebView仿微信加載進度條-創(chuàng)新互聯

這篇文章主要介紹了iOS中如何使用WKWebView仿微信加載進度條，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

站在用戶的角度思考問題，與客戶深入溝通，找到尼勒克網站設計與尼勒克網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網站設計制作、成都網站制作、企業(yè)官網、英文網站、手機端網站、網站推廣、主機域名、虛擬空間、企業(yè)郵箱。業(yè)務覆蓋尼勒克地區(qū)。

具體內容如下

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 添加監(jiān)控

[_mywebView addObserver:self      forKeyPath:NSStringFromSelector(@selector(estimatedProgress))      options:0      context:nil];

頁面開始加載時，隱藏進度條

//開始加載-(void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation{ //開始加載的時候，讓進度條顯示 self.progressView.hidden = NO;}

kvo 監(jiān)聽進度

//kvo 監(jiān)聽進度-(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方法里移除監(jiān)聽

-(void)dealloc{ [self.mywebView removeObserver:self      forKeyPath:NSStringFromSelector(@selector(estimatedProgress))];}

感謝你能夠認真閱讀完這篇文章，希望小編分享的“iOS中如何使用WKWebView仿微信加載進度條”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯網站建設公司，，關注創(chuàng)新互聯行業(yè)資訊頻道，更多相關知識等著你來學習!

網站欄目：iOS中如何使用WKWebView仿微信加載進度條-創(chuàng)新互聯
分享鏈接：http://bm7419.com/article38/ggjsp.html

成都網站建設公司_創(chuàng)新互聯，為您提供企業(yè)網站制作、搜索引擎優(yōu)化、網站建設、服務器托管、云服務器、App設計

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯