如何按设备设置安全区大小？

Question

我想通过设备设置安全区。我的网页视图设置为SafeArea above、SuperView below。在iPhone X 系列之后，Y 的值是44，因为notch 区域。但是对于iPhone 6 和iPhone 8，44 太宽了。如何调整？

当前 WKWebView 的区域

从当前 Swift5 加载 WebView 区域

@IBOutlet var WKWebView: FullScreenWKWebView!
...
        let config = WKWebViewConfiguration()

        contentController.add(self, name: "goApp")

        config.userContentController = contentController

        WKWebView = FullScreenWKWebView(frame: WKWebView.frame, configuration: config)

        WKWebView.uiDelegate = self
        WKWebView.navigationDelegate = self
        WKWebView.scrollView.delegate = self
        view.addSubview(WKWebView)
        view.addSubview(indicator)
...
class FullScreenWKWebView: WKWebView {
    override var safeAreaInsets: UIEdgeInsets {
        return UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
    }
}

我想按设备设置 Top SafeArea 区域。

我正在尝试，但没有成功。

我设置了约束，但是右边和下面的屏幕都被剪掉了，顶部对于iPhone 6来说还是太宽了。

iPhone 6 顶部

Answer 1

我不能无条件地将WKWebView 的顶部区域设置为安全区。因为安全区包括NavigationController酒吧区。但我不使用NavigationController。因此，无法将安全区域设置为约束。

所以我通过按设备大小分隔来解决问题。

设置主要故事板

根据设备高度调整 WKWebVIew 的高度和 Y 值

let screenHeight = UIScreen.main.bounds.size.height
if screenHeight > 667 {
            WKWebView = FullScreenWKWebView(frame: CGRect( x: 0, y: 44, width: WKWebView.frame.width, height: WKWebView.frame.height - 44 ), configuration: config)
        } else {
            WKWebView = FullScreenWKWebView(frame: CGRect( x: 0, y: 20, width: WKWebView.frame.width, height: WKWebView.frame.height - 20 ), configuration: config)
        }

iPhone 6

iPhone X 及之后

Answer 2

使约束锚定到安全区域并为其赋予所需的值。它会自动适应所有设备。

在这里您可以看到一个蓝色背景的 UIView，其顶部和底部以 0 值锚定到安全区域（如果您想与安全区域保持更远的距离，可以增加该值）。

---

将自动绘制视图，并提供与安全区域的适当距离（iPhone X 或更高版本为 44，iPhone 8 及更低版本为 0）。