为什么成为第一响应者后我的 UISearchBar 的宽度为 0？

Question

我的 UIStackView 中有一个带有按钮的 UISearchBar，它是一种导航栏。这是它通常的样子： 但是当它成为第一响应者时，UISearchBar 的宽度变为 0，它看起来像这样：

现在我唯一的限制是右侧 UIButton 的宽度为 44pt，并且整个堆栈视图固定在屏幕的顶部和侧面。这是控制台打印的内容：

我对@9​​87654329@ 不是很流利，但显然有些东西与按钮上的 44pt 宽度限制相冲突。为什么UISearchbar的宽度变成0了？

这是我的代码：

override func didTransition(to presentationStyle: MSMessagesAppPresentationStyle) {
    if presentationStyle == .expanded {
        searchController.searchBar.becomeFirstResponder()
        searchController.searchBar.tintColor = UIColor.white
    }
}

func didDismissSearchController(_ searchController: UISearchController) {
    requestPresentationStyle(.compact)
}

override func viewDidLoad() {
    super.viewDidLoad()
    configureSearchController()
}

func configureSearchController() {
    searchController = UISearchController(searchResultsController: nil)
    searchController.dimsBackgroundDuringPresentation = false
    searchController.searchBar.placeholder = "Search here..."
    searchController.searchBar.sizeToFit()
    searchController.searchBar.isTranslucent = false
    searchController.searchBar.delegate = self
    searchController.delegate = self
    searchController.searchBar.barTintColor = addButton.backgroundColor
    stackView.insertArrangedSubview(searchController.searchBar, at: 0)
    //This removes the hairline
    let color = addButton.backgroundColor
    searchController.searchBar.layer.borderWidth = 1
    searchController.searchBar.layer.borderColor = color?.cgColor

}

func searchBarShouldBeginEditing(_ searchBar: UISearchBar) -> Bool {
    if presentationStyle == .expanded {
        return true
    } else {
        requestPresentationStyle(.expanded)
        return false
    }
}

我的故事板按要求：

Answer 1

我对 NSLayoutConstraint 不是很流利，但显然有些东西与按钮上的 44pt 宽度约束相冲突。为什么UISearchbar的宽度变成0了？

您的输出中显然存在对按钮前缘的限制——但您说您只限制了按钮的宽度。输出表明您将按钮的前沿限制在堆栈视图的前沿。

如果按钮位于搜索栏的左侧，您当然可以将按钮的前沿限制在堆栈视图的前沿并使按钮宽 44。但是，由于该按钮位于搜索栏的右侧，因此该按钮可以是 44 宽，也可以限制在堆栈视图的前沿——但不能同时使用这两者。

因此，iOS 打破了 44 宽度限制，并将按钮一直向左延伸，使其与堆栈视图的前沿对齐。

结果不一定是这样。我想Apple可以对Xcode进行编程以忽略您拖动按钮的位置并仅遵守约束，即移动按钮使其前缘和堆栈视图的前缘对齐，并为按钮提供44的宽度，因此将搜索栏移动到按钮的右侧。但是，很明显，Apple 在水平堆栈视图中对项目的排序给予了更高的优先级，也就是说，因为您将按钮放在搜索栏的右侧，所以它仍然存在。