Question

我有一个导航栏和一个以编程方式添加到我的应用程序的集合视图，我也尝试添加自定义视图。我已将视图设置在集合视图上方和导航栏下方，这是我想要的，但是，在iOS 11上，导航栏的高度会发生变化，具体取决于您是否向下拉伸集合视图。我想让视图向下移动，以便在集合视图和导航栏之间没有空隙，因为我的自定义视图不会向下移动，因为视图的safeInsets不会更改。它将向上移动到崩溃的标题，这不是问题。

override func viewDidLoad() {
    super.viewDidLoad()

    navigationItem.title = "Home"

    navigationController?.navigationBar.prefersLargeTitles = true

    collectionView?.backgroundColor = UIColor.white
    collectionView?.translatesAutoresizingMaskIntoConstraints = false
    //collectionView?.contentInset = UIEdgeInsets(top: 50, left: 0, bottom: 0, right: 0)
    //collectionView?.scrollIndicatorInsets = UIEdgeInsets(top: 50, left: 0, bottom: 0, right: 0)

    collectionView?.register(StockCell.self, forCellWithReuseIdentifier: "cellid")

    setupMenuBar()
}

let menuBar: MenuBar = {
    let mb = MenuBar()
    mb.translatesAutoresizingMaskIntoConstraints = false
    mb.backgroundColor = .black
    return mb
}()

private func setupMenuBar() {
    view.addSubview(menuBar)
    NSLayoutConstraint.activate([
        (collectionView?.topAnchor.constraint(equalTo: menuBar.bottomAnchor))!,
        (collectionView?.widthAnchor.constraint(equalTo: view.widthAnchor))!,
        (collectionView?.bottomAnchor.constraint(equalTo: view.bottomAnchor))!,
        menuBar.heightAnchor.constraint(equalToConstant: 50),
        menuBar.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 1),
        menuBar.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor)
    ])

}

This is the starting screen, showing the view in its resting position

This is the navigation bar overlapping the view, which is what I want to fix

Answer 1

您可以将自定义菜单视图的底部锚点约束到导航栏的底部锚点;这样菜单视图将始终保持相同的垂直偏移（尽管您可能必须熟悉其他一些约束）：

navigationController!.navigationBar.bottomAnchor.constraint(equalTo: menuBar.bottomAnchor)

有关扩展示例，请参阅this answer。

Answer 2

我找到了解决方法而不使用导航栏和菜单栏之间的约束，因为它们不在同一个视图层次结构中。

override func scrollViewDidScroll(_ scrollView: UIScrollView) {
    if (scrollView.contentOffset.y < -50) {
        let val = (-50 - scrollView.contentOffset.y)
        menuBar.frame.origin.y = val - 0.5
    }
}

通过覆盖此功能，菜单栏将向下移动其y偏移量，并在向下滚动收集视图时将固定功能保留在顶部。

如何在iOS 11 NavigationBar的高度框架下面固定UIView？

2 个答案: