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
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
>
|