1，搜索条Options属性还可设置如下功能样式：
2，下面是一个搜索条的使用样例，功能如下：
--- Main.storyboard ---
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 UIKitclass 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> |