首页 > 解决方案 > 按下取消按钮时隐藏搜索栏,并调整导航栏的大小

问题描述

我有一个使用UISearchController导航栏内部实现的搜索栏。还有一个表视图,其顶部约束设置为导航栏的底部。

期望的行为:当取消按钮被按下时,搜索栏被隐藏并且表格视图的顶部约束返回到搜索栏被删除之前的状态(参见本文末尾的屏幕截图#1 )

当前行为:按下取消按钮时,搜索栏消失但 tableView 的顶部约束没有响应更改(参见屏幕截图 #3

此问题的一个可能解决方案是在单击取消按钮时手动更新约束。但是,我找不到从该方法访问 tableView 约束的UISearchBarDelegate方法searchBarCancelButtonClicked

代码片段:

class ViewController: UIViewController {

    let searchController = UISearchController(searchResultsController: nil)

    override func viewDidLoad() {
        super.viewDidLoad()

        searchController.searchBar.delegate = self

        /* Adding search button to the navbar */

        /* setting tableView constraints */

        /* tableView delegate/datasource methods, etc... */
    } 

    @objc func searchButtonTapped(_ sender: UIBarButtonItem) {
        setup()
        navigationItem.searchController = searchController
    }

    func setup() {
        searchController.hidesNavigationBarDuringPresentation = false
        searchController.obscuresBackgroundDuringPresentation = false
        searchController.searchBar.sizeToFit()
    }
}

extension UISearchBarDelegate {
    public func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {

        navigationItem.searchController = nil

        /* Cannot access tableview constraints from here because extension is outside of the class */
    }
}

在按下搜索按钮之前。

在按下取消按钮之前。 在此处输入图像描述

按下取消按钮后。 在此处输入图像描述

标签: iosswiftuitableviewconstraintsuisearchcontroller

解决方案


添加一行代码如下:

func searchBarCancelButtonClicked(_ searchBar: UISearchBar){

   self.navigationItem.searchController = nil

   self.view.setNeedsLayout()

 /* Cannot access tableview constraints from here because extension is outside of the class */
}

推荐阅读