ios - WKWebView 正在切断我在 Xcode 9 和 Swift 4.0 中的其他 View

Question

我对使用 Xcode 和 Swift 还很陌生。

我在使用新的 WKWebView 时遇到了问题。我通常使用 Storyboard，但我了解到 Xcode 9 有一个错误，如果您进行的构建包含 ios 11 之前的任何内容，则该错误将不允许您使用 WKWebView。我了解到，如果您以编程方式添加它，这是可能的并一直遵循 Apple 的说明:https://developer.apple.com/documentation/webkit/wkwebview

我需要能够添加 Web View ，同时在顶部为我创建的用作横幅的自定义 View 留出空间。此顶 View 的高度为 116，并且在添加 Web View 之前，约束适用于所有设备和方向。

当我添加 Web View 并添加其自定义大小和约束时，Web View 也可以在所有设备和方向上完美运行。但是，我的顶部横幅 View 丢失了。

我不确定我错过了什么，或者我是否为 Webview 编写了错误的代码。我会将屏幕截图和代码附加到 Webview。

非常感谢您的帮助!

This is the Webview tab that is missing the banner

This is another tab that shows what the banner looks like

import UIKit
import WebKit

class FirstViewController: UIViewController, WKUIDelegate {


var myWebView: WKWebView!

override func loadView() {
    let webConfiguration = WKWebViewConfiguration()
    myWebView = WKWebView(frame: .zero, configuration: webConfiguration)
    myWebView.uiDelegate = self
    view = myWebView

}
override func viewDidLoad() {
    super.viewDidLoad()

    myWebView = WKWebView(frame: CGRect( x: 0, y: 116, width: 414, height: 571), configuration: WKWebViewConfiguration() )
    self.view.addSubview(myWebView)
    myWebView.translatesAutoresizingMaskIntoConstraints = false

    myWebView.topAnchor.constraint(equalTo: view.topAnchor, constant: 116).isActive = true
    myWebView.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: 49).isActive = true
    myWebView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 0).isActive = true
    myWebView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: 0).isActive = true
    myWebView.widthAnchor.constraint(equalToConstant: 414).isActive = true
    myWebView.heightAnchor.constraint(equalToConstant: 571).isActive = true


    let myURL = URL(string: "https://apple.com")
    let myRequest = URLRequest(url: myURL!)
    myWebView.load(myRequest)
}

Answer 1

您的横幅消失只是因为您将 WKWebView 实例放入 ViewController 的 view 属性中，在 loadView 方法的最后一行。尝试将其添加为 subview ，甚至在 Interface Builder 中创建 2 个 View ，第一个用于横幅，第二个用于 Web View ，您还可以通过 IB 设置约束。