单击 UISearchBar 时如何用 tableview 替换屏幕上的内容

Question

我知道以前有过这样的问题：here 或 here

但它并没有像我想要的那样详细。我有这个“探索”页面屏幕之类的东西。它在顶部有一个搜索栏，我想在它的中间部分显示内容/帖子。但是当用户点击搜索栏时，我想去一个 tableview 控制器，替换屏幕上的内容，以显示搜索结果。

我在 UIView 容器中嵌入了一个 tableviewcontroller：

import UIKit
import Firebase

class SearchTableViewController: UITableViewController, UISearchResultsUpdating {


let searchController = UISearchController(searchResultsController: nil)
@IBOutlet var searchResultsTableView: UITableView!

var usersArray = [NSDictionary?]()
var filteredIsers = [NSDictionary?]()
var ref = Database.database().reference()

override func viewDidLoad() {
    super.viewDidLoad()

    searchController.searchResultsUpdater = self
    definesPresentationContext = true
    tableView.tableHeaderView = searchController.searchBar

    ref.child("users").child("public").queryOrdered(byChild: "username").observe(.childAdded, with: { (snapshot) in

        if let user = snapshot.value as? [String:Any]{
            let username = user["username"] as? String ?? ""
            if(username == SpalshScreenViewController.UserData.username){
                return
            }else{
                self.usersArray.append(snapshot.value as? NSDictionary)
            }
        }else{
            return
        }


        print(self.usersArray)

        // insert rows

        self.searchResultsTableView.insertRows(at: [IndexPath(row: self.usersArray.count-1, section: 0)], with: UITableView.RowAnimation.automatic )
    })

    // Uncomment the following line to preserve selection between presentations
    // self.clearsSelectionOnViewWillAppear = false

    // Uncomment the following line to display an Edit button in the navigation bar for this view controller.
    // self.navigationItem.rightBarButtonItem = self.editButtonItem
}

// MARK: - Table view data source

override func numberOfSections(in tableView: UITableView) -> Int {
    // #warning Incomplete implementation, return the number of sections
    return 1
}

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // #warning Incomplete implementation, return the number of rows
    if searchController.isActive && searchController.searchBar.text != "" {
        return filteredIsers.count
    }else{
        return self.usersArray.count
    }
}

func updateSearchResults(for searchController: UISearchController) {
    filterContent(searchText: self.searchController.searchBar.text!)
}

func filterContent(searchText: String){
    self.filteredIsers = self.usersArray.filter{ user in
        let username = user!["username"] as? String

        return(username?.lowercased().contains(searchText.lowercased()))!
    }
    tableView.reloadData()
}


override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)

    let user : NSDictionary?

    if searchController.isActive && searchController.searchBar.text != "" {
        user = filteredIsers[indexPath.row]
    }else{
        user = self.usersArray[indexPath.row]
    }

    cell.textLabel?.text = user?["firstName"] as? String
    cell.detailTextLabel?.text = user?["username"] as? String
    let profilePicUrl = user?["profilePicURL"] as? String
    let encodedurl = URL(string: profilePicUrl!)
    print(profilePicUrl)
    cell.imageView!.kf.setImage(with: encodedurl, placeholder: UIImage(named: "profile_pic"))

    return cell
}
}

我是否可以在单独的 UITableViewController 中包含该代码，然后在单击搜索栏时显示该视图？

我知道你会将let searchController = UISearchController(searchResultsController: nil) 更改为let searchController = UISearchController(searchResultsController: tableViewController) 之类的东西

但我不知道如何将所有内容联系起来。在我的searchViewController 中，我提到了 UISearchBar，我想我会在其上添加一个轻击手势，而present 在单击时添加一个 tablecontrollerview 但是这是否意味着动画和搜索栏样式会不一致？

编辑：

所以基本上，我有一个视图控制器，在那个视图控制器中，我在顶部有一个搜索栏（目前什么都不做），在该搜索栏下方将是一个集合视图，其中包含不同的帖子。当用户单击搜索栏时，我想将该集合视图替换为带有搜索结果结果的表格视图。我将如何实现这一目标？

Answer 1

您应该设置UISearchController 类的searchResultsController 和searchResultsUpdater 属性

关于 UISearchBar 对象，您必须使用 UISearchController 附带的对象并以编程方式将其添加到视图中。

view.addSubview(searchController.searchBar)

Answer 2

嘿@nathan，如果你能解释得更详细一点，那就更好了。根据我目前的理解，其他明智的。如果您在视图顶部添加了搜索栏并且其中也有表格视图，那么您可以在搜索栏委托方法中更新您的表格视图。我正在分享搜索栏委托方法以寻求帮助。

extension SearchViewController: UISearchBarDelegate {
func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
    let str = searchText.trimmingCharacters(in: .whitespacesAndNewlines)
        viewModel?.search(text: str)
        tableView.reloadData()
}

func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
    if let t = searchBar.text?.trimmingCharacters(in: .whitespacesAndNewlines) {
        if t.count > 0 {
            viewModel?.addNewSearch(text: t)
            tableView.reloadData()
        }
    }
    searchBar.resignFirstResponder()
}

func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
    viewModel?.cancel()
    navigationController?.popViewController(animated: true)
} }

我在我的代码中使用了 MVVM，因此 ViewModel 基本上用于数据更新和更改。谢谢，如果您有任何困惑，可以询问。