TableView中的iOS Swift 4 searchBar

时间:2018-04-23 09:44:08

标签: ios swift tableview searchbar

我在tableView内使用searchBar构建tableView。我想做的是......

  • searchText搜索名称并将其显示在tableView
  • 当我的searchText为空时,显示完整的用户列表

我有array的主要users

var users = [User]()

使用array

的当前searchBar
var currentUserArray = [User]()

用户模型:

import Foundation
import Firebase
class User: NSObject {
var id: String?
var name: String?
var login: String?
var email: String?
var profileImageUrl: String?
var role: String?
init(dictionary: [String: AnyObject]) {
    self.id = dictionary["id"] as? String
    self.name = dictionary["name"] as? String
    self.login = dictionary["username"] as? String
    self.email = dictionary["email"] as? String
    self.profileImageUrl = dictionary["profileImageUrl"] as? String
    self.role = dictionary["role"] as? String
}
}

ViewController:

import Foundation
import UIKit
import Firebase
class HomeViewController:UIViewController, UITableViewDelegate, UITableViewDataSource, UISearchBarDelegate {

var users = [User]()
var currentUserArray = [User]()
let cellId = "cellId"

@objc func handleCancel() {
    dismiss(animated: true, completion: nil)
}

//numberOfRowsInSection
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

    return currentUserArray.count
}

//cellForRowAt
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

    let cell = tableView.dequeueReusableCell(withIdentifier: cellId, for: indexPath) as! UserCell

    let user = currentUserArray[indexPath.row]
    cell.textLabel?.text = user.name
    cell.detailTextLabel?.text = user.email

    cell.selectionStyle = UITableViewCellSelectionStyle.none
    cell.backgroundColor = .clear

    if let profileImageUrl = user.profileImageUrl {
        cell.profileImageView.loadImageUsingCacheWithUrlString(profileImageUrl)
    }

    return cell
}

//heightForRowAt
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {

    return 52
}

var messageController: MessagesController?
//didSelectRowAt
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {

    let user = self.currentUserArray[indexPath.row]
    self.messageController?.showChatControllerForUser(user)
    print("Dismiss completed1")
}

@IBOutlet weak var usersDisplayTableView: UITableView!
@IBOutlet weak var userSearchBar: UISearchBar!

override func viewDidLoad() {
    super.viewDidLoad()

    currentUserArray = users
    setUpSearchBar()
    setUpTableView()
    fetchUser()
    alterLayout()

    //top title
    self.title = "Contacts"
}

//logout Top bar Button
@IBAction func handleLogout(_ sender:Any) {
    try! Auth.auth().signOut()
    self.dismiss(animated: true, completion: nil)
}

//fetchUser
func fetchUser() {
    Database.database().reference().child("users").observe(.childAdded, with: { (snapshot) in

        if let dictionary = snapshot.value as? [String: AnyObject] {
            let user = User(dictionary: dictionary)
            user.id = snapshot.key
            self.currentUserArray.append(user)

            //this will crash because of background thread, so lets use dispatch_async to fix
            DispatchQueue.main.async(execute: {
                self.usersDisplayTableView.reloadData()
            })

            user.name = dictionary["name"] as? String
        }

    }, withCancel: nil)
}
func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

    return userSearchBar
}
func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
    guard !searchText.isEmpty  else { currentUserArray = users; return }

    currentUserArray = users.filter({ user -> Bool in
        return user.name!.lowercased().contains(searchText.lowercased())
    })
    usersDisplayTableView.reloadData()

}

func alterLayout() {
    userSearchBar.placeholder = "Search Animal by Name"
}

private func setUpSearchBar() {
    userSearchBar.showsScopeBar = false
    userSearchBar.delegate = self
}

private func setUpTableView() {

    //definesPresentationContext = true
    usersDisplayTableView.delegate = self
    usersDisplayTableView.dataSource = self
    usersDisplayTableView.backgroundColor = .clear
    usersDisplayTableView.separatorColor = UIColor.black
    self.view.backgroundColor = UIColor(red: 24.0/255.0, green: 34.0/255.0, blue: 45.0/255.0, alpha: 1.0)
    usersDisplayTableView.register(UserCell.self, forCellReuseIdentifier: cellId)
}
}

2 个答案:

答案 0 :(得分:1)

您需要做的是在tableview

中使用currentuserArray作为数据源

使用

更新搜索方法
func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
    guard !searchText.isEmpty  else { currentUserArray = users; return }

    currentUserArray = users.filter({ user -> Bool in
        return user.name!.lowercased().contains(searchText.lowercased())
    })
    usersDisplayTableView.reloadData()

}

当您指定users添加以下行

currentUserArray = users

希望它有用

修改

func fetchUser() {
    Database.database().reference().child("users").observe(.childAdded, with: { (snapshot) in

        if let dictionary = snapshot.value as? [String: AnyObject] {
            let user = User(dictionary: dictionary)
            user.id = snapshot.key
            self.currentUserArray.append(user)
            users = currentUserArray // THIS WILL KEEP users AS COPY OF MAIN SOURCE AND SEARCH FILTER APPLY ON IT
            //this will crash because of background thread, so lets use dispatch_async to fix
            DispatchQueue.main.async(execute: {
                self.usersDisplayTableView.reloadData()
            })

            user.name = dictionary["name"] as? String
        }

    }, withCancel: nil)
}

答案 1 :(得分:0)

如果你使用UINavigationController,可以在viewDidLoad中使用此代码创建searchBar,并让操作系统使用swipeGesture处理显示和隐藏 searchBar

navigationItem.searchController = UISearchController(searchResultsController: nil)