今天我們來講點高階點的知識，在搜尋框中輸入關鍵字，下方的tableView自動匹配包含關鍵字的結果。用我最近在做的一款美食類APP為例。

在storyboard中拖入一張表，然後與Vc中的程式碼關聯起來：

@IBOutlet weak var tableView: UITableView!

var caipins = CaipinArray().caipinArray
    var searchResults = [caipin]()

import UIKit

class caipin: NSObject {
    var name:String = ""
    var rest:String = ""
    var price:Float = 0
    var score:Float = 0
    var image:String = ""
    var collected:Bool = false
    var taste:String = ""
    var nutrition:String = ""
    init(name:String,rest:String,price:Float,score:Float,image:String,collected:Bool,taste:String,nutrition:String){
    self.name = name
    self.rest = rest
    self.price = price
    self.score = score
    self.image = image
    self.collected = collected
    self.taste = taste
    self.nutrition = nutrition
    }
}
 

CaipinArray是一個賦值過的菜品類，就不演示程式碼了，然後我們讓vc繼承tableview的datasource和delegate，實現這兩個類的基本方法，本話重點不在這裡就不演示了。

然後我們定義一個UISearchController的類：

var searchController:UISearchController!

self.tableView.tableFooterView = UIView(frame: CGRectZero)
       searchController = UISearchController(searchResultsController: nil)
        searchController.searchBar.sizeToFit()
        self.view.addSubview(searchController.searchBar)
        tableView.tableHeaderView = searchController.searchBar
        definesPresentationContext = true
 

點選搜尋框效果如下：

現在新建一個方法：

func filterContentForSearchText(searchText: String) {
        
        searchResults = caipins.filter({ ( caipin: caipin) -> Bool in
            
            let nameMatch = caipin.name.rangeOfString(searchText, options: NSStringCompareOptions.CaseInsensitiveSearch)
            let locationMatch = caipin.rest.rangeOfString(searchText, options: NSStringCompareOptions.CaseInsensitiveSearch)
            
            return nameMatch != nil || locationMatch != nil
            
        })

首先要做的一點就是整合一個UISearchResultsUpdating的介面：

class SecondViewController: UIViewController,UITableViewDataSource,UISearchResultsUpdating

updateSearchResultsForSearchController 的方法，當我們對搜尋框有任何操作的時候這個方法就會被呼叫，我們可以讓我們呢的search controller做我們的返回。現在來實現這個方法：

func updateSearchResultsForSearchController(searchController: UISearchController) {
        let searchText = searchController.searchBar.text
        
        filterContentForSearchText(searchText)
        
        tableView.reloadData()
    }

 func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        
            return searchResults.count
        
    }

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let identiString = "sCell" //程式碼複用
        let cell = tableView.dequeueReusableCellWithIdentifier(identiString , forIndexPath: indexPath) as searchTableViewCell
       
        var caipin =
        caipins[indexPath.row]
        if searchResults.count != 0
        {
            println(searchResults.count)
            caipin = searchResults[indexPath.row]
        }
        
        cell.nameLabel.text = caipin.name
        cell.scoreLabel.text = "評分:" + "\(caipin.score)"
        cell.restLabel.text = "餐館:" + caipin.rest
        cell.priceLabel.text = "價格:" + "\(caipin.price)"
        cell.caipinImageView.image = UIImage(named: caipin.image)
        
        if caipin.collected == true {
            cell.shoucangImageView.image = UIImage(named: "heart_fill_28")
        }
        
        return cell
    }

最後一步，我們需要給viewDidLoad方法加入以下程式碼：

searchController.searchResultsUpdater = self
        searchController.dimsBackgroundDuringPresentation = false

另外更改一下搜尋框中的水印文字：

searchController.searchBar.placeholder = "請輸入菜品或餐館"

快來執行看看效果吧。

回到搜尋介面發現列表中已經沒有東西了，在搜尋框中輸入一個“芳”：

可以看到菜品中和餐館中包含“芳”字的結果都顯示了出來！這就是swift的強大之處，只是用了很簡單的程式碼就實現了這麼好用的功能，快來試試吧。