安全区域布局指南不适用于故事板中的 UITableViewController

Question

似乎 UITableViewController 没有安全区域布局指南来将表格视图顶部和底部边距设置为与iPhone X中的底部布局折叠。所有视图控制器都可以与故事板中的安全区域布局指南正常工作，以实现顶部和底部边距。 UITableView 控制器除外。

作为参考，我附上了 iPhoneX 的屏幕截图。在那里您可以看到字符串 “wheat” 不适合底部安全区域。

Answer 1

我相信会发生这种情况，因为视图控制器的视图（始终占据整个屏幕大小）是

tableview

。

使用

UIViewController

并在其

view

下添加表格视图（并添加约束以尊重底部安全区域）

或

设置表格视图内容插入：

tableView.contentInset = UIEdgeInsetsMake(0, 0, UIApplication.shared.keyWindow!.safeAreaInsets.bottom, 0.0);

如果您使用后者且目标 iOS 版本低于 11，请确保使用以下方式进行验证：

     var safeAreaBottom: CGFloat = 0.0 
     if #available(iOS 11.0, *) {
         safeAreaBottom = UIApplication.shared.keyWindow!.safeAreaInsets.bottom
     }

     tableView.contentInset = UIEdgeInsetsMake(0, 0, safeAreaBottom, 0.0);

我也注意到了 iOS 11 中

tableview

的这个属性（但没有描述:/）：

insetsContentViewsToSafeArea

我还没尝试过，但你可以尝试一下。也许这就是您开箱即用的需要

Answer 2

这是我当前的修复，用于强制

UITableViewController

中的顶部和底部安全区域。首先你要把它嵌入到

UINavigationController

（不需要的话隐藏导航栏），然后：

override func viewDidLoad() {
    super.viewDidLoad()

    configureFakeSafeArea()
}

@available(iOS 11.0, *)
override func viewSafeAreaInsetsDidChange() {
    super.viewSafeAreaInsetsDidChange()

    topSafeAreaHeight?.constant = view.safeAreaInsets.top
    bottomSafeAreaHeight?.constant = view.safeAreaInsets.bottom
}

private var topSafeAreaHeight: NSLayoutConstraint?
private var bottomSafeAreaHeight: NSLayoutConstraint?

private func configureFakeSafeArea() {
    guard let view = navigationController?.view else {
        return
    }

    let topSafeArea = UIView()
    topSafeArea.backgroundColor = tableView.backgroundColor
    var topConstant: CGFloat = 0
    if #available(iOS 11.0, *) {
        topConstant = view.safeAreaInsets.top
    }
    topSafeAreaHeight = topSafeArea.heightAnchor.constraint(equalToConstant: topConstant)
    view.addSubview(topSafeArea, constraints: [
        topSafeArea.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        topSafeArea.trailingAnchor.constraint(equalTo: view.trailingAnchor),
        topSafeArea.topAnchor.constraint(equalTo: view.topAnchor),
        topSafeAreaHeight!
    ])

    let bottomSafeArea = UIView()
    bottomSafeArea.backgroundColor = tableView.backgroundColor
    var bottomConstant: CGFloat = 0
    if #available(iOS 11.0, *) {
        bottomConstant = view.safeAreaInsets.bottom
    }
    bottomSafeAreaHeight = bottomSafeArea.heightAnchor.constraint(equalToConstant: bottomConstant)
    view.addSubview(bottomSafeArea, constraints: [
        bottomSafeArea.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        bottomSafeArea.trailingAnchor.constraint(equalTo: view.trailingAnchor),
        bottomSafeArea.bottomAnchor.constraint(equalTo: view.bottomAnchor),
        bottomSafeAreaHeight!
    ])
}

很遗憾我们必须编写所有这些代码，所以如果有人知道更简单的方法来实现这一点，请告诉我们。

附注我在这里使用了这个小的

UIView

扩展：

extension UIView {
    func addSubview(_ child: UIView, constraints: [NSLayoutConstraint]) {
        addSubview(child)
        child.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate(constraints)
    }
}