点击时 UISearchController 会在屏幕外展开答案

【问题标题】：UISearchController expands off screen when tapped点击时 UISearchController 会在屏幕外展开
【发布时间】：2017-11-02 15:40:44
【问题描述】：

在将 UISearchController 用作导航栏中的项目时，我们遇到了一个奇怪的问题。它被设置为左侧栏按钮项，当用户点击开始搜索时，搜索栏会扩展到屏幕右侧的右侧。

下面是创建 UISearchController 的代码：

resultSearchController = ({
    let controller = UISearchController(searchResultsController: nil)
    controller.searchResultsUpdater = self
    controller.dimsBackgroundDuringPresentation = false
    controller.hidesNavigationBarDuringPresentation = false
    controller.searchBar.delegate = self
    controller.delegate = self

    controller.searchBar.frame = CGRect(x: 0, y: 0, width: 266, height: 44.0)
    let searchBarView = UIView(frame: controller.searchBar.frame)
    searchBarView.addSubview(controller.searchBar)

    controller.searchBar.backgroundImage = UIImage(named: "searchBarBG")
    controller.searchBar.barTintColor = .white
    controller.searchBar.subviews[0].subviews.flatMap(){ $0 as? UITextField }.first?.tintColor = Constants.Colors.Red

    navigationItem.leftBarButtonItem = UIBarButtonItem(customView: searchBarView)

    return controller
})()

第一次加载屏幕时，它看起来像this.

点击搜索栏后，会变成this.

我不知道是什么原因造成的。经过大量搜索，我尝试更改 self.definesPresentationContext = false; 和 self.extendedLayoutIncludesOpaqueBars = true 以及调整情节提要中的类似复选框。有什么建议吗？

编辑：这似乎只发生在 iOS 11 上。在 10.3 中，搜索栏实际上会缩小一点以容纳“取消”按钮，但最终占用的空间量相同。

【问题讨论】：

如果更改controller.searchBar.frame 中的常量，它会改变吗？
它会改变搜索栏的起始大小，但在点击时仍会扩大到屏幕的一侧。
你检查过它的约束吗？当心与约束破坏相关的错误消息。
我们对此没有任何限制。如上所示，它是以编程方式创建的。

标签： ios uinavigationbar uisearchbar uinavigationitem uisearchcontroller

【解决方案1】：

我最终通过覆盖didPresentSearchController 和didDismissSearchController 方法作为UISearchControllerDelegate 的一部分来解决这个问题。

extension ContactUsViewController: UISearchControllerDelegate {

    func didPresentSearchController(_ searchController: UISearchController) 
    {
        searchController.searchBar.frame = CGRect(x: 0, y: 0, width: 266, height: 44.0)
    }

    func didDismissSearchController(_ searchController: UISearchController) 
    {
        searchController.searchBar.frame = CGRect(x: 0, y: 0, width: 266, height: 44.0)
    }
}

【讨论】：

这与 stackoverflow.com/a/31106630/2704776 一起帮助我解决了问题 - 请注意，我的搜索控制器位于视图中，而不是导航栏

【解决方案2】：

如果您不需要UISearchBarController 的附加功能，您可以直接使用UISearchBar，它具有更可预测的大小调整行为：

let searchBar = UISearchBar(frame: CGRect(x: 0, y: 0, width: 200, height: 20))
searchBar.delegate = self
navigationItem.leftBarButtonItem = UIBarButtonItem(customView: searchBar)

请注意，如果您使用内置的取消按钮或其他类似功能，则必须在委托方法中手动处理它们。

【讨论】：