Swift - 搜索条（UISearchBar）的用法

1，搜索条Options属性还可设置如下功能样式：

Shows Search Results Button：勾选后，搜索框右边显示一个圆形向下的按钮，单击会发送特殊事件。

Shows Bookmarks Button：勾选后，搜索框右边会显示一个书本的按钮，单击会发送特殊事件。

Shows Cancel Button：勾选后，搜索框右边会出现一个“Cancel”按钮，单击会发送特殊事件。

Shows Scope Bar：勾选后，会在搜索条下面出现一个分段控制器。

2，下面是一个搜索条的使用样例，功能如下：

（1）在Main.storyboard界面里拖入一个Search Bar和一个Table View，Search Bar放到Table View的页眉位置

（2）初始化或者搜索条为空时，表格显示所有数据

（3）搜索条不为空时，表格实时过滤显示匹配的项目

3，效果图

     

4，代码如下

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70

import UIKit   class ViewController: UIViewController,UISearchBarDelegate, UITableViewDataSource,UITableViewDelegate {           // 引用通过storyboard创建的控件     @IBOutlet var searchBar : UISearchBar!     @IBOutlet var tableView : UITableView!           // 所有组件     var ctrls:[String] = ["Label","Button1","Button2","Switch"]     // 搜索匹配的结果，Table View使用这个数组作为datasource     var ctrlsel:[String] = []           override func viewDidLoad() {         super.viewDidLoad()                   // 起始加载全部内容         self.ctrlsel = self.ctrls         // 注册TableViewCell         self.tableView.registerClass(UITableViewCell.self, forCellReuseIdentifier: "SwiftCell")     }           // 返回表格行数（也就是返回控件数）     func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {         return self.ctrlsel.count     }           // 创建各单元显示内容(创建参数indexPath指定的单元）     func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath)         -> UITableViewCell     {         // 为了提供表格显示性能，已创建完成的单元需重复使用         let identify:String = "SwiftCell"         // 同一形式的单元格重复使用，在声明时已注册         let cell = tableView.dequeueReusableCellWithIdentifier(identify, forIndexPath: indexPath)             as UITableViewCell         cell.accessoryType = UITableViewCellAccessoryType.DisclosureIndicator         cell.textLabel?.text = self.ctrlsel[indexPath.row]         return cell     }           // 搜索代理UISearchBarDelegate方法，每次改变搜索内容时都会调用     func searchBar(searchBar: UISearchBar!, textDidChange searchText: String!) {         // 没有搜索内容时显示全部组件         if searchText == "" {             self.ctrlsel = self.ctrls         }         else { // 匹配用户输入内容的前缀             self.ctrlsel = []             for ctrl in self.ctrls {                 if ctrl.lowercaseString.hasPrefix(searchText) {                     self.ctrlsel.append(ctrl)                 }             }         }         // 刷新Table View显示         self.tableView.reloadData()     }           // 搜索代理UISearchBarDelegate方法，点击虚拟键盘上的Search按钮时触发     //func searchBarSearchButtonClicked(searchBar: UISearchBar!) {         //searchBar.resignFirstResponder()     //}           override func didReceiveMemoryWarning() {         super.didReceiveMemoryWarning()         // Dispose of any resources that can be recreated.     } }

--- Main.storyboard ---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

<?xml version="1.0" encoding="UTF-8" standalone="no"?> <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="6254" systemVersion="14B25" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="BYZ-38-t0r">     <dependencies>         <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="6247"/>     </dependencies>     <scenes>         <!--View Controller-->         <scene sceneID="tne-QT-ifu">             <objects>                 <viewController id="BYZ-38-t0r" customClass="ViewController" customModule="SwiftInAction_008_012" customModuleProvider="target" sceneMemberID="viewController">                     <layoutGuides>                         <viewControllerLayoutGuide type="top" id="y3c-jy-aDJ"/>                         <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>                     </layoutGuides>                     <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">                         <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>                         <subviews>                             <tableView clipsSubviews="YES" contentMode="scaleToFill" fixedFrame="YES" alwaysBounceVertical="YES" dataMode="prototypes" style="plain" separatorStyle="default" rowHeight="44" sectionHeaderHeight="22" sectionFooterHeight="22" translatesAutoresizingMaskIntoConstraints="NO" id="eUR-Ky-A8I">                                 <rect key="frame" x="6" y="32" width="320" height="440"/>                                 <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>                                 <searchBar key="tableHeaderView" contentMode="redraw" id="8pv-hH-OQ9">                                     <rect key="frame" x="80" y="218" width="320" height="44"/>                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>                                     <textInputTraits key="textInputTraits"/>                                     <connections>                                         <outlet property="delegate" destination="BYZ-38-t0r" id="0l9-UU-iHJ"/>                                     </connections>                                 </searchBar>                                 <connections>                                     <outlet property="dataSource" destination="BYZ-38-t0r" id="o1t-B2-xHp"/>                                     <outlet property="delegate" destination="BYZ-38-t0r" id="p1t-kn-J9Q"/>                                 </connections>                             </tableView>                         </subviews>                         <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>                     </view>                     <connections>                         <outlet property="searchBar" destination="8pv-hH-OQ9" id="B0M-ya-PE5"/>                         <outlet property="tableView" destination="eUR-Ky-A8I" id="YCI-P6-0gY"/>                     </connections>                 </viewController>                 <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>             </objects>         </scene>     </scenes> </document>

上一篇Swift - 将表格UITableView滚动条移动到底部