18

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

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

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

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

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

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

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

更复杂的是，如果 UIViews 不是 UIViewController 的视图，布局似乎可以在 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
    }
}
4

3 回答 3

5

我已经设法用一个丑陋的黑客来“修复”这个问题。在父视图控制器中，您需要这样做：

- (void) viewSafeAreaInsetsDidChange {
  [super viewSafeAreaInsetsDidChange];

  // Fix for child controllers not receiving an update on safe area insets
  // when they're partially not showing
  for (UIViewController *childController in self.childViewControllers) {
    UIEdgeInsets prevInsets = childController.additionalSafeAreaInsets;
    childController.additionalSafeAreaInsets = self.view.safeAreaInsets;
    childController.additionalSafeAreaInsets = prevInsets;
  }
}

这会强制子视图控制器正确更新其 safeAreaInsets。

于 2019-10-09T23:58:47.640 回答
5

半相关，我希望一个包含的视图控制器始终具有与另一个视图相同的插图。就我而言，它始终是全屏的，所以我只使用了窗口，但这种方法适用于任何其他视图。

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

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

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

于 2020-10-24T00:12:29.380 回答
-1

这似乎是一种系统行为：如果子视图控制器的视图在垂直或/和水平方向上似乎未完全位于其父视图控制器的边界内，则其安全区域的相应方向不会更新。

听起来，如果您希望子视图控制器超出其父视图控制器范围，您应该使用transform属性，但 safe 仍然不会完全正确，但是，它会在旋转时更新。

于 2018-04-25T18:21:01.050 回答