在 iPhone X 上横向滑动子 ViewController 时，我在使用安全区域时遇到了困难。

我有一个根 ViewController，其中一个 View 是可移动的，并且包含一个嵌入式子 ViewController。真正的应用程序是一个侧边栏滑动菜单 UI。这里的示例代码是精简版。

如果表格位于屏幕左侧，安全区域布局规则会将其单元格 contentView 插入右侧以允许凹口。正确的。但是如果我将子 ViewController 移离屏幕的左边缘，子的插图不会更新以重新布局内容。

我已经意识到，如果子 ViewController 在其最终位置完全显示在屏幕上，那么实际上一切正常。如果它的任何部分在屏幕外，则不会发生安全区域更新。

这是显示问题的示例代码。这适用于标准的 Single View App Xcode 模板项目:用显示的代码替换 ViewController 文件代码。运行时，向右滑动表格可将其从屏幕的左边缘移动到屏幕的右边缘。

请参阅“约束(...，乘数:0.5)”行。这设置了可移动 View 相对于屏幕的宽度。在 0.5 时， table 完全适合屏幕，并且安全区域会随着它的移动而更新。停靠在左侧时，表格单元格遵循安全区域插图，而停靠在右侧时，表格单元格没有额外的插图，这是正确的。

一旦乘数超过 0.5，即使是 0.51，当向右滑动表格的部分时，表格的部分就会脱离屏幕。在这种情况下，没有安全区域更新发生，因此表格单元格内容插图太大了——它仍然有 44 像素的安全区域插图，即使表格左边缘现在离安全区域很远。

更复杂的是，如果 UIViews 不是 UIViewController 的 View ，布局似乎在 UIViews 上工作正常。但我需要它与 UIViewControllers 一起工作。

谁能解释如何让子 ViewController 尊重正确的安全区域？谢谢。

重现代码:

class ViewController: UIViewController {

    var leftEdgeConstraint : NSLayoutConstraint!
    var viewThatMoves : UIView!
    var myEmbeddedVC : UIViewController!

    override func viewDidLoad() {
        super.viewDidLoad()

        self.view.backgroundColor = UIColor.gray

        self.viewThatMoves = UIView()
        self.viewThatMoves.translatesAutoresizingMaskIntoConstraints = false
        self.view.addSubview(self.viewThatMoves)

        // Relayout during animation work with multiplier = 0.5
        // With any greater value, like 0.51 (meaning part of the view is offscreen), relayout does not happen
        self.viewThatMoves.widthAnchor.constraint(equalTo: self.view.widthAnchor, multiplier: 0.5).isActive = true
        self.viewThatMoves.heightAnchor.constraint(equalTo: self.view.heightAnchor).isActive = true
        self.viewThatMoves.topAnchor.constraint(equalTo: self.view.topAnchor).isActive = true
        self.leftEdgeConstraint = self.viewThatMoves.leftAnchor.constraint(equalTo: self.view.leftAnchor, constant: 0)
        self.leftEdgeConstraint.isActive = true

        // Embed child ViewController
        self.myEmbeddedVC = MyTableViewController()

        self.addChildViewController(self.myEmbeddedVC)
        self.myEmbeddedVC.view.translatesAutoresizingMaskIntoConstraints = false
        self.viewThatMoves.addSubview(self.myEmbeddedVC.view)
        self.myEmbeddedVC.didMove(toParentViewController: self)

        // Fill containing view
        self.myEmbeddedVC.view.leftAnchor.constraint(equalTo: self.viewThatMoves.leftAnchor).isActive = true
        self.myEmbeddedVC.view.rightAnchor.constraint(equalTo: self.viewThatMoves.rightAnchor).isActive = true
        self.myEmbeddedVC.view.topAnchor.constraint(equalTo: self.viewThatMoves.topAnchor).isActive = true
        self.myEmbeddedVC.view.bottomAnchor.constraint(equalTo: self.viewThatMoves.bottomAnchor).isActive = true

        let swipeLeftRecognizer = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipe(recognizer:)))
        swipeLeftRecognizer.direction = .left
        let swipeRightRecognizer = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipe(recognizer:)))
        swipeRightRecognizer.direction = .right

        self.viewThatMoves.addGestureRecognizer(swipeLeftRecognizer)
        self.viewThatMoves.addGestureRecognizer(swipeRightRecognizer)
    }

    @objc func handleSwipe(recognizer:UISwipeGestureRecognizer) {
        UIView.animate(withDuration: 1) {

            if recognizer.direction == .left {
                self.leftEdgeConstraint.constant = 0
            }
            else if recognizer.direction == .right {
                self.leftEdgeConstraint.constant = self.viewThatMoves.frame.size.width
            }

            self.view.setNeedsLayout()
            self.view.layoutIfNeeded()

            // Tried this: has no effect
            // self.myEmbeddedVC.viewSafeAreaInsetsDidChange()
        }
    }
}

class MyTableViewController: UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        self.view.backgroundColor = UIColor.blue
        self.title = "Test Table"

        // Uncomment the following line to preserve selection between presentations
        // self.clearsSelectionOnViewWillAppear = false

        self.navigationItem.leftBarButtonItem = UIBarButtonItem(title: "Left", style: .plain, target: nil, action: nil)
        self.navigationItem.rightBarButtonItem = UIBarButtonItem(title: "Right", style: .plain, target: nil, action: nil)
    }

    // MARK: - Table view data source

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 25
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = UITableViewCell(style: .default, reuseIdentifier: nil)
        cell.contentView.backgroundColor = UIColor.green
        cell.backgroundColor = UIColor.yellow
        cell.textLabel?.text = "This is row \(indexPath.row)"
        cell.textLabel?.backgroundColor = UIColor.clear

        return cell
    }
}

最佳答案

半相关，我希望包含的 View Controller 始终具有与另一个 View 相同的插图。在我的例子中，它始终是全屏的，所以我只使用了窗口，但这种方法适用于任何其他 View 。

private final class InsetView: UIView {
    override var safeAreaInsets: UIEdgeInsets {
        window?.safeAreaInsets ?? .zero
    }
}

final class MyViewController: UIViewController {
    override func loadView() {
        view = InsetView()
    }
}

这对我来说完美无缺。最初我试图在 safeAreaInsetsDidChange 中计算 additionalSafeAreaInsets 使额外的成为 View Controller 应该拥有的和实际拥有的之间的差异，但这在滚动中真的很紧张查看。

关于ios - 如果部分离开屏幕，子 ViewController 安全区域插图不会更新，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47463341/