TableView - Swift 3上方的浮动/固定搜索栏

Question

我有一个问题，许多其他用户都问在计算器上（例如： 1 ， 2 ， 3 ）。

滚动桌面视图时，我想要一个固定的搜索栏 。 我最初有一个带UISearchBar的UITableViewController 。

大多数解决方案建议我应该有一个带有UISearchBar的UIViewController和一个UITableView 。 我做到了这一点。 下面是我的界面构建器的屏幕截图。

但是，此解决方案无法修复它:(搜索栏仍然不会浮动，滚动时它会隐藏在导航栏后面。

我也试过这个解决方案，但我宁愿在导航栏中没有搜索栏。

这是我的所有TableView或搜索相关代码（我删除了所有不相关的代码）：

class NumberSelectorViewController: UIViewController, UITableViewDataSource, UITableViewDelegate, UISearchBarDelegate, UISearchControllerDelegate {

    @IBOutlet var searchBar: UISearchBar!
    @IBOutlet var tableView: UITableView!

    let searchController = UISearchController(searchResultsController: nil)

    override func viewDidLoad() {
        super.viewDidLoad()

        tableView.delegate = self
        tableView.dataSource = self

        searchController.searchResultsUpdater = self as UISearchResultsUpdating
        searchController.dimsBackgroundDuringPresentation = false
        definesPresentationContext = true

        // NOTE: Removing thie line removes the search bar entirely.
        tableView.tableHeaderView = searchController.searchBar

        addCancelButton()

    }

    // MARK: - Table view data source

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        if isSearching() == true {
            return filteredNumberList.count
        }
        return NumberList.count
    }


    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "numberCell")! as UITableViewCell

        if isSearching() == true {
            cell.textLabel?.text = filteredNumberList[indexPath.row].NumberName
        } else {
            cell.textLabel?.text = NumberList[indexPath.row].NumberName
        }
        return cell
    }

    // MARK: - Table view delegate

    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        tableView.deselectRow(at: indexPath, animated: true)
        if isSearching() == true {
            selectedNumber = filteredNumberList[indexPath.row]
        } else {
            selectedNumber = NumberList[indexPath.row]
        }
        performSegue(withIdentifier: "someSegue", sender: self)
    }

    // MARK: Searching

    func filterContentForSearchText(searchText: String, scope: String = "All") {
        filteredNumberList = NumberList.filter({ (Number) -> Bool in
            return (Number.NumberName?.lowercased().contains(searchText.lowercased()))!
        })

        tableView.reloadData()
    }

    // MARK: Search Bar

    func isSearching() -> Bool {
        return (searchController.isActive && searchController.searchBar.text != "")
    }

    func searchBarTextDidBeginEditing(_ searchBar: UISearchBar) {
    }

    func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
        filteredNumbersList.removeAll()
    }

    func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
        self.tableView.reloadData()
    }

    extension NumberSelectorViewController: UISearchResultsUpdating {
        public func updateSearchResults(for searchController: UISearchController) {
            filterContentForSearchText(searchText: searchController.searchBar.text!)
        }

        func updateSearchResultsForSearchController(searchController: UISearchController) {
            filterContentForSearchText(searchText: searchController.searchBar.text!)
        }
    }
}

Answer 1

我实际上发现了答案。 问题只是我有这条线：

tableView.tableHeaderView = searchController.searchBar

我删除了这个，然后搜索栏消失了，但它只是隐藏在导航栏后面！ 所以我玩了界面构建器上的约束，它现在正常工作:)

Answer 2

您似乎已将搜索栏正确添加到视图中，它只是隐藏在导航栏下方。 试试viewDidLoad

self.edgesForExtendedLayout = UIRectEdgeNone;  

并摆脱

tableView.tableHeaderView = searchController.searchBar

Answer 3

您不需要在tableView或其标题中添加searchBar。

在viewDidLoad方法中，您可以提供Edge Inset，以便tableView中的内容不会被searchBar重叠

override func viewDidLoad() {
    super.viewDidLoad()

    let edgeInsets = UIEdgeInsetsMake(52, 0, 0, 0)
    self.tableView.contentInset = edgeInsets
    self.tableView.register(UINib(nibName: "AbcCell", bundle: nil), forCellReuseIdentifier: "AbcCell")

}

以下是我将其放置在我的一个项目中并且它不会漂浮的图像。

Answer 4

我是另一种观点，所以你可以把它放在任何地方

anyView.addSubview(searchController.searchBar)