时间:2021-05-02
本文实例为大家分享了swift版webview加载网页展示的具体代码,供大家参考,具体内容如下
比较简单,直接上代码
? 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 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() } } }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:http://blog.csdn.net/tiantianios/article/details/78474778
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
现在网上有很多网页加载进度条,但大多都是时间固定的。下面的当查询大量数据时,网页加载较慢,在网页加载时,显示进度条,当网页加载完成时,进度条消失,显示网页已经加
本次主要介绍一下网页加载进度的实现。如下图,在页面加载的时候,上方红色的进度条网页加载进度的好处是能够更好的反应当前网页的加载进度情况,loading进度条可用
不多说先来看下效果图:1.颜色渐变加载进度条(夜神模拟器)绿色加载进度条(魅蓝note2)看图说话:上图是不是加载网页的时候会有一个进度条在横向加载,比以前网速
静态效果的实现网页顶部加载进度条,近年来很流行,很多网站都采用了这种加载方式。网上也有这样类似的插件,今天我们总结一下网页顶部线性页面加载进度条。大体的写法如下
NProgress.js提供页面加载进度条效果,当页面打开加载时,在页面顶部会出现进度条加载动画。NProgress.js是轻量级的进度条组件,使用简便,可以很