UISearchBar来过滤自定义UITableViewCells

Question

我正在尝试根据单元格中存在的UILabel之一过滤自定义UITableViewCells。

所有数据都是从远程JSON解析的，远程JSON的模型本地命名为Item，目前我正在每个单元格中成功显示以下内容：

var titleLabel = UILabel()
var descriptionLabel = UILabel()

也在我的ItemTableViewCell类中定义的是：

  func set(product: Item) {
        DispatchQueue.main.async { [weak self] in
            self?.titleLabel.text = item.title
            self?.descriptionLabel.text = item.listPrice
        }
    }

这些在我的主View Controller中调用，我已经在其中成功添加了searchBar并在应用程序中可见：

import Foundation
import UIKit

class ItemsListViewController: UIViewController {

    var items = [Items]()
    var itemsSearch: [Items] = []
    var tableView = UITableView()
    var searchController = UISearchController()

    struct Cells {
        static let itemCell = "ItemCell"
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        configureTableView()
        configureSearchController()
    }

    func configureSearchController() {
        searchController = UISearchController(searchResultsController: nil)
        navigationItem.searchController = searchController
        navigationItem.hidesSearchBarWhenScrolling = false
        searchController.searchBar.placeholder = "Search items"
        definesPresentationContext = true
        var isSearchBarEmpty: Bool {
          return searchController.searchBar.text?.isEmpty ?? true
        }
    }

    func configureTableView() {
        view.addSubview(tableView)
        setTableViewDelegates()
        tableView.rowHeight = 100
        tableView.pin(to: view)
        tableView.register(itemTableViewCell.self, forCellReuseIdentifier: Cells.itemCell)
    }

    func setTableViewDelegates() {
        tableView.delegate = self
        tableView.dataSource = self
    }
}

extension itemsListViewController: UITableViewDelegate, UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return items.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: Cells.itemCell) as! itemTableViewCell
        let item = items[indexPath.row]
        cell.set(item: item)
        return cell
    }
}

extension ItemsListViewController: UISearchResultsUpdating {
    func updateSearchResults(for searchController: UISearchController) {
        let searchBar = searchController.searchBar
  }
}

[如何过滤这些单元格，例如，某个用户搜索“食物”，返回的唯一项目就是具有单元格titleLabel = "food"的项目？

我已经尝试实现类似于下面的功能，但是它无法实现我想要的功能：

  func filterContentForSearchText(_ searchText: String, category:  = nil) {
    let cell = tableView.dequeueReusableCell(withIdentifier: Cells.productCell) as! ProductTableViewCell
      productsSearch = products.filter { (cell: cell) -> Bool in
        return products.name.lowercased().contains(searchText.lowercased())
      }
      tableView.reloadData()
    }

在此先感谢您的帮助。

Answer 1

您做错了方法。

1. 您不应该过滤cells，而应该过滤model（例如，向表视图数据源添加和删除条目）
2. 然后调用reloadData-然后它将访问过滤的模型（在cellForRowAt中并仅创建过滤量的（可见）单元格]
3. 为了改进，请使用可扩散的数据源

Answer 2

您无法过滤TableViewCells。您必须过滤模型数据，而不要使用UISearchResultsUpdating，而应使用UISearchBarDelegate

我已修改您的代码，请检查。

class ItemsListViewController: UIViewController {

    var items = [Items]()
    var itemsSearch: [Items] = []

    var filterActive = false
    var tableView = UITableView()
    var searchController = UISearchController()

    struct Cells {
        static let itemCell = "ItemCell"
    }


    override func viewDidLoad() {
        super.viewDidLoad()

        configureTableView()
        configureSearchController()
    }

    func configureSearchController() {
        searchController = UISearchController(searchResultsController: nil)
        navigationItem.searchController = searchController
        navigationItem.hidesSearchBarWhenScrolling = false
        searchController.searchBar.placeholder = "Search items"
        searchController.searchBar.delegate = self
        definesPresentationContext = true

    }

    func configureTableView() {
        view.addSubview(tableView)
        setTableViewDelegates()
        tableView.rowHeight = 100
        tableView.pin(to: view)
        tableView.register(itemTableViewCell.self, forCellReuseIdentifier: Cells.itemCell)
    }

    func setTableViewDelegates() {
        tableView.delegate = self
        tableView.dataSource = self
    }
}

extension ItemsListViewController: UITableViewDelegate, UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return filterActive ? itemsSearch.count : items.count
    }

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

        let item = filterActive ?  itemsSearch[indexPath.row] : items[indexPath.row]
        cell.set(item: item)
        return cell
    }
}

extension ItemsListViewController: UISearchBarDelegate {

    func searchBarTextDidEndEditing(_ searchBar: UISearchBar) {
        filterItems(text: searchController.searchBar.text)
    }
    func filterItems(text: String?) {
        guard let text = text else {
            filterActive = false
            self.tableView.reloadData()
            return
        }

        self.itemsSearch = self.items.filter({ (item) -> Bool in
                return item.title.lowercased().contains(text.lowercased())
        })
        filterActive = true
        self.tableView.reloadData()
    }
}