ios - 如何设置背景色为透明，以显示运营商信息、时间和电池状态

Question

我正在使用 WKWebView 在我的 Swift 3+ 应用程序中打开网页。我没有使用 Storyboard或 XIB。

当我的 webview 加载时，由于黑色背景颜色(默认设置)，它隐藏了运营商信息、蜂窝网络信号强度指示器(点)、WiFi/4G 连接指示器、时间和电池状态

我想在顶部状态栏下方显示我的 WebView 。我使用 UIApplication.shared.statusBarFrame.height 获得了状态栏的高度(预计为 20，并确认如此)

我怎样才能让两者看起来都很好？ (白色背景/透明)这样用户就可以在顶部看到状态栏信息，然后按预期看到 WebView 。

Controller.swift:

import UIKit
import WebKit

class MyWebViewController: UIViewController, WKNavigationDelegate {
    var urlString:String? = nil
    let myWebView = WKWebView(frame:CGRect(x: 0, y: 32+UIApplication.shared.statusBarFrame.height, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height-32-UIApplication.shared.statusBarFrame.height))
    let button = UIButton(frame: CGRect(x:UIScreen.main.bounds.width - 100,y:50,width:50,height:50))
    let navpath = UITextView(frame:CGRect(x: 0, y: UIApplication.shared.statusBarFrame.height, width: UIScreen.main.bounds.width, height: 32))

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.isOpaque=true
        self.view.backgroundColor = UIColor.clear
        print("status bar height : \(UIApplication.shared.statusBarFrame.height)")
        button.backgroundColor = UIColor.red
        button.setTitle("close", for: .normal)
        myWebView.navigationDelegate = self
        myWebView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        myWebView.load(NSURLRequest(url: targetUrl as URL) as URLRequest)
        view.addSubview(myWebView)
        button.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        navpath.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        view.addSubview(navpath)
        myWebView.addSubview(button)
    }
    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        //print(navigationAction.navigationType)
        let navReq = navigationAction.request
        let targetUrl = navReq?.url
        let link = targetUrl?.absoluteString
        print("targetURL : \(targetUrl)\n link : \(link)")
        navpath.text=link
        //self.myWebView.load(navReq)
        decisionHandler(.allow)
    }
}

旋转时，绿色电池指示灯会隐藏。我也想解决这个问题。导航路径(地址栏文本保持器)和按钮(关闭)也放错了位置，我想我需要自动布局/约束管理器或其他东西。

当前样本加载duckduckgo :

纵向

风景

此外，如果 UITextView 是显示地址栏(网页的 URL)的不错选择，请告诉我，或者我应该使用 UILabel 或其他可能更好的东西，navigationBar？但是，我想这需要 Storyboard/xib。

Answer 1

您可以为您的 View 设置 prefferedStatusBarStyle: https://developer.apple.com/reference/uikit/uiviewcontroller/1621416-preferredstatusbarstyle

在你的 ViewController 中:

override var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent
}

如果不同的 View 有不同的状态栏样式，您可以使用 setNeedsStatusBarAppearanceUpdate() 更新它，例如。在 viewDidAppear 中。

https://developer.apple.com/reference/uikit/uiviewcontroller/1621354-setneedsstatusbarappearanceupdat