Question

我尝试从firebase获取数据并显示在tableView中。万事皆安。但是我需要使用UISearchBar在tableView中进行搜索。我应该解决两个问题。

1）（开始输入），我的tableView消失了。其中的所有信息都不会显示

2）当我擦除UISearchBar中的所有内容时，什么也没有出现。

import UIKit
import SPStorkController
import Firebase

class FoodViewController: UIViewController {

    override var preferredStatusBarStyle: UIStatusBarStyle { return .lightContent }
    let tableView = UITableView()
    var foods = [FoodModel]()
    var searchedFoods = [String]()
    var searching = false

    override func viewDidLoad() {
        super.viewDidLoad()

        fetchFoods()

        self.modalPresentationCapturesStatusBarAppearance = true
        self.view.backgroundColor = UIColor.white
        let controller = UIViewController()

        self.tableView.delegate = self
        self.tableView.dataSource = self
        self.tableView.register(UITableViewCell.self, forCellReuseIdentifier: "Cell")            

        self.view.addSubview(self.tableView)

        tableView.delegate = self
        tableView.dataSource = self

        let searchBar = UISearchBar(frame: CGRect(x: 0, y: 5, width: 350, height: 40))
        searchBar.searchBarStyle = .minimal
        searchBar.delegate = self

        self.view.addSubview(searchBar)            
    }

    override func viewWillLayoutSubviews() {
        super.viewWillLayoutSubviews()
        self.updateLayout(with: self.view.frame.size)
    }

    func updateLayout(with size: CGSize) {
        self.tableView.frame = CGRect.init(x: 0, y: 45, width: size.width, height: 400)            
    }

    func fetchFoods() {
        Database.database().reference().child("food").observe(.childAdded) { (snapshot) in
            if let dict = snapshot.value as? [String: AnyObject] {
                let newTitle = dict["title"] as! String
                let exCell = FoodModel(title: newTitle)
                self.foods.append(exCell)
                DispatchQueue.main.async {
                    self.tableView.reloadData()                        
                }
            }                
        }            
    }
}

extension FoodViewController: UITableViewDataSource { 

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

        if searching {
            cell.textLabel?.text = searchedFoods[indexPath.row]
        } else {
            let food = foods[indexPath.item]
            cell.textLabel?.text = food.title
        }
        return cell
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        if searching {
            return searchedFoods.count
        } else {
            return foods.count
        }
    }

    func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
    }
}

extension FoodViewController: UITableViewDelegate {

    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        if scrollView == self.tableView {
            SPStorkController.scrollViewDidScroll(scrollView)
        }
    }
}

extension FoodViewController: UISearchBarDelegate {

    func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
        //searchedFoods = foods.filter({$0.lowercased().prefix(searchText.count) == searchText.lowercased()})
        searching = true
        tableView.reloadData()
    }

    func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
        searching = false
        searchBar.text = ""
        tableView.reloadData()
    }        
}`

这是我的模特

class FoodModel {

    var title = String()

    init (title: String) {

        self.title = title
    }
}

Answer 1

searchedFoods应该是对象数组，与主要食物列表相同。

我认为您只需要更新过滤条件

因此将searchedFoods更改为[FoodModel]()

，然后将过滤器更改为此：

searchedFoods = foods.filter({ $0.title.lowercased().prefix(searchText.count) == searchText.lowercased() })

Answer 2

您必须删除相同类型的数据源数组和过滤后的数组

var searchedfoods = [FoodModel]()

并且您必须以这种方式实现textDidChange，如果搜索文本为空，它将取消搜索

func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
    if searchText.isEmpty {
        searchedFoods.removeAll()
        searching = false
    } else {
        searchedFoods = foods.filter{ $0.title.range(of: searchText, options: [.caseInsensitive, .anchored]) != nil }
        searching = true
    }
    tableView.reloadData()
}

您用于过滤项目的API非常繁琐且不必要的昂贵。 range(of:options:指定适当的选项效率更高。 caseInsensitive避免总是从字符串的开头多次调用lowercased()和.anchored搜索。

UISearchBar不在TableView中查找信息

2 个答案: