swift 加载网页添加进度条

你的名字 2021-12-22 07:39 302阅读 0赞

/// 进度条：只在活动页展示
        fileprivate lazy var progressView:UIProgressView = UIProgressView()
        
        /// 进度条高度
        private var progressViewHeight:NSLayoutConstraint?
    
    
    //设置监听
      webView.addObserver(self, forKeyPath: "estimatedProgress", options: .new, context: nil)
    
    //设置进度条高度约束
            progressViewHeight = progressView.heightAnchor.constraint(equalToConstant: 2)
            progressViewHeight?.isActive = true
    
                if #available(iOS 11.0, *) {
                    progressView.topAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.topAnchor, constant: 0).isActive = true
                } else {
                    progressView.topAnchor.constraint(equalTo: self.view.topAnchor, constant: 0).isActive = true
                }
    
    
    
    
    extension JYWebViewController: WKUIDelegate, WKNavigationDelegate,WKScriptMessageHandler {
    
        ///监听进度
        override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
            if (keyPath == "estimatedProgress") {
                progressView.progress = Float(self.webView.estimatedProgress)
            }
        }
        
        ///完成
        func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
            self.webLoadSuccess()
            progressViewHeight?.constant = 0
        }
    }

转载于:https://www.cnblogs.com/qingzZ/p/11091265.html

发表评论取消回复

表情：

评论列表（有 0 条评论，302人围观）

还没有评论，来说两句吧...

相关阅读

相关 nprogress页面加载进度条

安装 npm install --save nprogress 使用 NProgress.start(); // 开始 NProgr

蔚落/ 2022年11月26日 01:53/ 0 赞/ 197 阅读

相关常用的网页加载进度条之【实时获取加载数据的进度条】

之前我们做的进度条都是动画，没有获取实时数据。有些网站是从0到100%逐渐过渡的，也能看到相应数字的变化，那么用户在等待时候看到数字心里还是有个底的，等到了100%的时候就可以

た入场券/ 2022年06月08日 14:29/ 0 赞/ 447 阅读

相关常用的网页加载进度条之【定位在头部的进度条】

之前展示的时候已经给大家看过这个效果了，比如说[hao123][]，那么当我们进入页面的时候就会有一个从左到右的线条。那么我们就来介绍一下这个效果。其实这个方法是非常简单的

偏执的太偏执、/ 2022年06月08日 14:29/ 0 赞/ 350 阅读

相关常用的网页加载进度条之【制作进度条】

一、课程介绍随着HTML5的普及，各种CSS3动画及JS特效在网页中层出不穷，PC端载入数据的速度还算可以，移动端相对要慢得多，如果图片或脚本没有完全载入，用户在操作中

川长思鸟来/ 2022年06月08日 09:05/ 0 赞/ 777 阅读

相关 iOS-仿支付宝加载web网页添加进度条

> 代码地址如下： > [http://www.demodashi.com/demo/11727.html][http_www.demodashi.com_demo_117

蔚落/ 2022年05月30日 11:43/ 0 赞/ 242 阅读

相关常用的网页加载进度条

关于进度条的图片，有几个专门的网站可以下载 [https://icons8.com/preloaders/][https_icons8.com_preloaders]，

爱被打了一巴掌/ 2022年05月10日 22:04/ 0 赞/ 447 阅读

相关 unity进度条加载

首先创建一个unity自带的UI——Slider，并在其下面再添加一个Text ![20190317171335629.png][] 在其下面添加脚本 using

超、凢脫俗/ 2022年04月23日 15:00/ 0 赞/ 336 阅读

相关 Android 设置WebView加载网页进度条

我们平时在进行[安卓][Link 1]开发使用到webview加载网页时，我们不能准确了解网页的加载进度，因此为了提高用户体验，我们在webview中加入进度条显示加载进度。

- 日理万妓/ 2022年04月05日 15:45/ 0 赞/ 1011 阅读

相关 swift 加载网页添加进度条

/// 进度条：只在活动页展示 fileprivate lazy var progressView:UIProgressView = UIProg

你的名字/ 2021年12月22日 07:39/ 0 赞/ 303 阅读

相关网页加载进度条

通过加载状态事件制作进度条主页面未完全加载前使用加载页面，加载完成后将加载页面隐藏 - document.onreadystatechange 页面加载状态改变时的事件...

你的名字/ 2021年05月03日 09:51/ 0 赞/ 689 阅读