以編程方式將搜索欄快速添加到 tableview

Question

我有一個文本字段，它代表一個 tableview 作為它的 inputview。 我想在這個 tableview 中添加兩件事。

1）添加搜索欄。
2）將取消按鈕添加到tableview的頂部。

class enterYourDealVC: UIViewController, UITableViewDataSource, UITableViewDelegate, UISearchBarDelegate, UISearchDisplayDelegate, UISearchResultsUpdating {
var tableView: UITableView  =   UITableView()
let searchController = UISearchController(searchResultsController: nil)

var dealAirports = [
    airPorts(name: "Airport1", shortcut: "AP1")!),
    airPorts(name: "Airport2", shortcut: "AP2")!)
]
var filteredAirports = [airPorts]()


//view did load
    tableView = UITableView(frame: UIScreen.mainScreen().bounds, style: UITableViewStyle.Plain)
    tableView.delegate      =   self
    tableView.dataSource    =   self
    tableView.registerClass(UITableViewCell.self, forCellReuseIdentifier: "cell")

    searchController.searchResultsUpdater = self
    searchController.dimsBackgroundDuringPresentation = false
    definesPresentationContext = true
    tableView.tableHeaderView = searchController.searchBar
    toTextField.inputView = self.tableView

//here is my search function
func filterContentForSearchText(searchText: String, scope: String = "All") {
    filteredAirports = dealAirports.filter { ap in
        return ap.name.lowercaseString.containsString(searchText.lowercaseString)
    }

    tableView.reloadData()
}
}

問題在於這段代碼，它不搜索。 此外，當我單擊搜索欄時，它會關閉 tableview 並將我返回到 viewcontroller。 我該如何解決這個問題？

以及如何向此 tableview 添加取消按鈕？

Answer 1

這將添加一個 SeachBar

lazy var searchBar:UISearchBar = UISearchBar()

override func viewDidLoad()
{
     searchBar.searchBarStyle = UISearchBar.Style.default
    searchBar.placeholder = " Search..."
    searchBar.sizeToFit()
    searchBar.isTranslucent = false
    searchBar.backgroundImage = UIImage()
    searchBar.delegate = self
    navigationItem.titleView = searchBar

}

func searchBar(_ searchBar: UISearchBar, textDidChange textSearched: String)
{
    ...your code...
}

Answer 2

在 swift 4.1 和 Xcode 9.4.1 中

第一步

將 UISearchBarDelegate 添加到您的視圖控制器。

第二步

//Write this code in viewDidLoad() or your required function
let searchBar:UISearchBar = UISearchBar()
//IF you want frame replace first line and comment "searchBar.sizeToFit()"
//let searchBar:UISearchBar = UISearchBar(frame: CGRect(x: 10, y: 10, width: headerView.frame.width-20, height: headerView.frame.height-20))
searchBar.searchBarStyle = UISearchBarStyle.prominent
searchBar.placeholder = " Search..."
searchBar.sizeToFit()
searchBar.isTranslucent = false
searchBar.backgroundImage = UIImage()
searchBar.delegate = self
yourViewName.addSubview(searchBar)//Here change your view name

Step3

func searchBar(_ searchBar: UISearchBar, textDidChange textSearched: String) {
    //your code here....
}

Answer 3

這是 swift 中相同的代碼片段。更多信息請參考評論中提到的 Apple Doc。

UISearchDisplayController 在 IOS8.0 中被棄用，推薦使用 UISearchController

希望這會對你有很大幫助

聯系TVC

class ContactTVC:UITableViewController{   
// MARK: Types
/// State restoration values.
enum RestorationKeys : String {
    case viewControllerTitle
    case searchControllerIsActive
    case searchBarText
    case searchBarIsFirstResponder
}

struct SearchControllerRestorableState {
    var wasActive = false
    var wasFirstResponder = false
}


/*
 The following 2 properties are set in viewDidLoad(),
 They an implicitly unwrapped optional because they are used in many other places throughout this view controller
 */

/// Search controller to help us with filtering.
var searchController: UISearchController!

/// Secondary search results table view.
var resultsTableController: ResultsTableController!

/// Restoration state for UISearchController
var restoredState = SearchControllerRestorableState()
var arrayContacts: Array<CNContact> = []
var searchResultArrayContacts: Array<CNContact> = []

override func viewDidLoad() {
    super.viewDidLoad()

    resultsTableController = ResultsTableController()
// We want to be the delegate for our filtered table so didSelectRowAtIndexPath(_:) is called for both tables.
    resultsTableController.tableView.delegate = self

    searchController = UISearchController(searchResultsController: resultsTableController)

    searchController.searchResultsUpdater = self
    searchController.searchBar.sizeToFit()
    tableView.tableHeaderView = searchController.searchBar

    searchController.delegate = self
    searchController.dimsBackgroundDuringPresentation = false // default is YES
    searchController.searchBar.delegate = self    // so we can monitor text changes + others

  /*
     Search is now just presenting a view controller. As such, normal view controller
     presentation semantics apply. Namely that presentation will walk up the view controller
     hierarchy until it finds the root view controller or one that defines a presentation context.
     */

    definesPresentationContext = true

}

override func viewDidAppear(animated: Bool) {
    super.viewDidAppear(animated)

    // Restore the searchController's active state.
    if restoredState.wasActive {
        searchController.active = restoredState.wasActive
        restoredState.wasActive = false

        if restoredState.wasFirstResponder {
            searchController.searchBar.becomeFirstResponder()
            restoredState.wasFirstResponder = false
        }
    }
}

//MARK override TableViewDelegates/Datasource methods  
}
extension ContactTVC: UISearchResultsUpdating{

// MARK: UISearchResultsUpdating

func updateSearchResultsForSearchController(searchController: UISearchController) {

        if let text = searchController.searchBar.text where (text.isEmpty == false){
        {

                            // Hand over the filtered results to our search results table.

                            let resultsController = searchController.searchResultsController as! ResultsTableController

                            resultsController.filteredProducts = Array(searchResult)

                            resultsController.tableView.reloadData()

                        dispatch_async(dispatch_get_main_queue(), {
                            self.tableViewContacts.reloadData()
                        })

                }   
         }
}
}
//MARK: SearchBarDelegate
extension ContactTVC: UISearchBarDelegate{

func searchBar(searchBar: UISearchBar, textDidChange searchText: String) {

    if let text = searchBar.text where (text.isEmpty == false) {

          // update the search result array by filtering….


                if searchResult.count > 0{

                    self.searchResultArrayContacts = Array(searchResult)
                }
                else{

                    self.searchResultArrayContacts = Array(self.arrayContacts)
                }

                dispatch_async(dispatch_get_main_queue(), {
                    self.tableViewContacts.reloadData()
                })
     }
}


func searchBarCancelButtonClicked(searchBar: UISearchBar) {

    searchBar.text = nil
    searchBar.resignFirstResponder()

}
}

/// 表視圖控制器負責在用戶在搜索字段中鍵入時顯示過濾的產品。

class ResultsTableController: UITableViewController {
// MARK: Properties

let reusableIdentifier = "contactCell"

var filteredProducts = [CNContact]()

override func viewDidLoad() {

    self.tableView.emptyDataSetSource = self
    self.tableView.emptyDataSetDelegate = self

}


// MARK: UITableViewDataSource
override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

    return filteredProducts.count
}

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

    let cell =  UITableViewCell(style: .Subtitle, reuseIdentifier: reusableIdentifier)

     var contact = CNContact()
     contact = filteredProducts[indexPath.row]

    // Configure the cell...
    cell.textLabel?.text = contact.givenName

    let phones = contact.phoneNumbers[0].value as! CNPhoneNumber

    cell.detailTextLabel?.text = phones.stringValue

    return cell
}
}

謝謝

Answer 4

//首先為搜索“UISearchBarDelegate”編寫委托 //MARK:- 搜索按鈕動作

@IBAction func searchWithAddress(_ sender: Any) {
let searchController = UISearchController(searchResultsController: nil)
searchController.searchBar.delegate = self
self.present(searchController, animated: true, completion: nil)
}

Answer 5

斯威夫特 4+

class SearchViewController: UIViewController {

    @IBOutlet weak var maintableView: UITableView!
    @IBOutlet weak var searchUIBar: UISearchBar!
        
    var isSearch : Bool = false
    var tableData = ["Afghanistan", "Algeria", "Bahrain","Brazil", "Cuba", "Denmark","Denmark", "Georgia", "Hong Kong", "Iceland", "India", "Japan", "Kuwait", "Nepal"];
    var filteredTableData:[String] = []
    
    override func viewDidLoad() {
        super.viewDidLoad()
        maintableView.dataSource = self
        maintableView.delegate = self
        searchUIBar.delegate = self
        maintableView.reloadData()

    }
}

extension SearchViewController: UISearchBarDelegate{
    //MARK: UISearchbar delegate
    func searchBarTextDidBeginEditing(_ searchBar: UISearchBar) {
           isSearch = true
    }
       
    func searchBarTextDidEndEditing(_ searchBar: UISearchBar) {
           searchBar.resignFirstResponder()
           isSearch = false
    }
       
    func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
           searchBar.resignFirstResponder()
           isSearch = false
    }
       
    func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
           searchBar.resignFirstResponder()
           isSearch = false
    }
    func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
        if searchText.count == 0 {
            isSearch = false
            self.maintableView.reloadData()
        } else {
            filteredTableData = tableData.filter({ (text) -> Bool in
                let tmp: NSString = text as NSString
                let range = tmp.range(of: searchText, options: NSString.CompareOptions.caseInsensitive)
                return range.location != NSNotFound
            })
            if(filteredTableData.count == 0){
                isSearch = false
            } else {
                isSearch = true
            }
            self.maintableView.reloadData()
        }
    }

}

extension SearchViewController: UITableViewDelegate{
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = maintableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
        if (isSearch) {
            cell.textLabel?.text = filteredTableData[indexPath.row]
            return cell
        }
        else {
            cell.textLabel?.text = tableData[indexPath.row]
            print(tableData[indexPath.row])
            return cell
        }
    }

    }

    extension SearchViewController: UITableViewDataSource{
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
         if(isSearch) {
             return filteredTableData.count
         }else{
            return tableData.count
        }
         
    }
}