63

我想使用 WkWebView 加载 HTML 页面，并且我想在页面加载完成后显示该页面。只要它正在加载，我想在空视图上显示一个活动指示器。我创建了两个视图，一个 loadingView 和一个 wkWebView。在页面加载时，我将加载视图作为子视图添加到 VC，并且在我想删除加载视图并添加 wkWebView 之后。这是我的代码：

    [self addSubview:_loadingView];
    _wkWebView = [[WKWebView alloc] initWithFrame:self.frame];
    _wkWebView.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, self.frame.size.height);

    //Send a request to wkUrlconnection
    NSURL *wkUrl = [NSURL URLWithString:self.wkUrlString];
    NSURLRequest *wkRequest = [NSURLRequest requestWithURL:wkUrl];

    //Here I want to check if it's loaded and then remove loadingView and add wkWebView
    [_wkWebView loadRequest:wkRequest];
    [self.loadingView removeFromSuperview];
    [self addSubview:_wkWebView];

有人可以告诉我如何在加载时检查以及是否完成刷新 VC？谢谢您的回答。

4

4 回答 4

80

我认为WKNavigationDelegate's webView:didFinishNavigation:委托回调是您正在寻找的。

当您开始加载时配置并显示您的活动指示器，然后在调用回调时停止并将其从视图中删除。

于 2016-03-30T15:42:42.253 回答
17

对于遇到包含多个框架的网页问题并因此执行多次加载而中断加载动画的任何人，我已经实现了以下内容，它适用于我迄今为止遇到的所有情况：

迅速：

var loadCount: Int = 0

override func viewDidLoad() {
    super.viewDidLoad()

    startLoading()
    webview.navigationDelegate = self
    let request = URLRequest(url: url)
    webview.load(request)
}

func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
    loadCount += 1
}

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {

    loadCount -= 1

    DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) { [weak self] in
        if self?.loadCount == 0 {
            self?.stopLoading()
        }
    }

}

基本思想是在请求 url 之前启动加载动画，然后计算发出的每个请求，并且仅在请求计数 == 0 时停止加载动画。这是在稍微延迟后完成的，因为我发现有些帧排队同步请求，因此下一次加载将在 0.1 秒延迟完成之前开始。

( ͡° ͜ʖ ͡°)

于 2019-02-12T11:38:58.070 回答
11

对于 Swift 4.2：

func webView(_ webView: WKWebView,
                 didFinish navigation: WKNavigation!){
        print("loaded")
}

确保在 didLoad （或类似的）中为 webView 设置委托

webView.navigationDelegate = self
于 2018-12-29T07:13:25.163 回答
2 
class WebViewVC: UIViewController {
    
    // MARK: IBOutlets
    @IBOutlet weak var webView: WKWebView!
    @IBOutlet weak var activityIndicator: UIActivityIndicatorView!
    
    // MARK: Life cycle
    override func viewDidLoad() {
        super.viewDidLoad()
        
        webView.navigationDelegate = self
        loadWebsite()
    }
}

// MARK: WKWebView
extension WebViewVC: WKNavigationDelegate {
    func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
        activityIndicator.startAnimating()
    }
    
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        activityIndicator.stopAnimating()
    }
}

// MARK: Private methods
extension WebViewVC {
    private func loadWebsite() {
        guard let url = URL(string: "google.com") else { return }
        
        let urlRequest = URLRequest(url: url)
        webView.load(urlRequest)
    }
}
于 2021-01-14T15:01:20.777 回答