swift版webview加载网页进度条效果

本文实例为大家分享了swift版webview加载网页展示的具体代码，供大家参考，具体内容如下

比较简单，直接上代码

import UIKit
import WebKit
import SnapKit
class CMWebVC:
UIViewController
, WKNavigationDelegate {
var webUrl: String?
var webView: WKWebView =WKWebView()
var progressView:UIProgressView = UIProgressView()
var closeBtn: UIButton!
override func initVC() {
webView.addObserver(self, forKeyPath:"estimatedProgress", options: NSKeyValueObservingOptions.new, context:nil)
webView.navigationDelegate =self
}
deinit {
webView.removeObserver(self, forKeyPath:"estimatedProgress")
webView.navigationDelegate =nil
}
override func viewDidLoad() {
super.viewDidLoad()
// webview
view.addSubview(webView)
webView.snp.makeConstraints { (make)in
make.width.height.equalToSuperview()
}
// progressview
view.addSubview(progressView)
progressView.snp.makeConstraints { (make)in
make.width.equalToSuperview()
make.height.equalTo(3)
make.top.equalToSuperview()
}
progressView.tintColor =UIColor.ColorBgTheme()
progressView.isHidden =true
// load url
if webUrl !=nil {
webView.load(URLRequest(url:URL(string: webUrl!)!))
}
// shear
self.showRightItem(image:"nav_share") {
}
}
override func viewWillAppear(_ animated:Bool) {
super.viewWillAppear(animated)
self.closeButton()
}
override func viewWillDisappear(_ animated:Bool) {
self.closeBtn.removeFromSuperview()
}
func closeButton() {
if self.closeBtn ==nil {
self.closeBtn =UIButton(frame: CGRect(x:44, y: 0, width:44, height: 44))
self.closeBtn.setTitle("关闭", for: .normal)
self.closeBtn.setTitleColor(UIColor.black, for: .normal)
self.closeBtn.addAction({ (button)in
self.navigationController!.popViewController(animated:true)
})
self.navigationController?.navigationBar.addSubview(self.closeBtn)
}
}
override func observeValue(forKeyPath keyPath:String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
// 加载进度
if keyPath == "estimatedProgress" {
let newprogress = change?[.newKey]!as! Float
let oldprogress = change?[.oldKey]as? Float ??0.0
//不要让进度条倒着走...有时候goback会出现这种情况
if newprogress < oldprogress {
return
}
if newprogress == 1 {
progressView.isHidden =true
progressView.setProgress(0, animated:false)
}
else {
progressView.isHidden =false
progressView.setProgress(newprogress, animated:true)
}
}
}
func webView(_ webView:WKWebView, didFinish navigation: WKNavigation!) {
progressView.isHidden =true
progressView.setProgress(0, animated:false)
}
func webView(_ webView:WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
progressView.isHidden =true
progressView.setProgress(0, animated:false)
}
override func navigateBack() {
if webView.canGoBack {
webView.goBack()
}
else {
super.navigateBack()
}
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• Swift快速集成下拉刷新和上拉加载更多示例代码
• Swift 开发之懒加载的实例详解
• Swift如何为设置中心添加常用功能
• Swift如何为网页承载页面添加更多功能详解