Swift - 带结果列表的搜索条(UISearchDisplayController)的用法

注:自iOS8起,苹果便废弃UISearchDisplayController的使用,改为使用UISearchController来实现类似功能,可参考我的另一篇文章“Swift - 使用UISearchController实现带搜索栏的表格”)

UISearchDisplayController控件默认封装了Search Bar和Table View,可同时提供搜索和结果表格显示功能。
下面提供了一个使用样例,同时通过代码定制Search Bar的一些属性来实现自定义的外观和效果,并且展示用于选择搜索范围的分段条的用法。

效果图如下:
     

     

--- ViewController.swift ---
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
import UIKit
 
class ViewController : UIViewController , UISearchBarDelegate {
     
     // 引用通过storyboard创建的控件
     @IBOutlet var searchDisplay: UISearchDisplayController !
     
     // 所有组件
     var ctrls:[ String ] = [ "Label" , "Button1-初级" , "Button1-高级" , "Button2-初级" , "Button2-高级" , "Switch" ]
     
     // 搜索匹配的结果,Table View使用这个数组作为datasource
     var ctrlsel:[ String ] = []
     
     override func viewDidLoad() {
         super .viewDidLoad()
         // Do any additional setup after loading the view, typically from a nib.
         
         // 起始加载全部内容
         self .ctrlsel = self .ctrls
         // 注册TableViewCell
         self .searchDisplay.searchResultsTableView.registerClass( UITableViewCell . self ,
             forCellReuseIdentifier: "SwiftCell" )
         // 设置文本提示
         self .searchDisplay.searchBar.placeholder = "输入搜索信息"
         // 可以设置初始值
         //self.searchDisplay.searchBar.text = "b"
         // 设置搜索栏提示信息
         self .searchDisplay.searchBar.prompt = "搜索组件名称"
         // 不显示Search Bar边框
         self .searchDisplay.searchBar.searchBarStyle = UISearchBarStyle . Minimal
         // 显示分段条
         self .searchDisplay.searchBar.showsScopeBar = true
         self .searchDisplay.searchBar.scopeButtonTitles = [ "全部" , "初级" , "高级" ]
     }
     
     // 返回表格行数(也就是返回控件数)
     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 = self .searchDisplay.searchResultsTableView.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 !) {
         self .searchText = searchText
         searchCtrls()
     }
     
     // 选择分段条时调用
     func searchBar(searchBar: UISearchBar !, selectedScopeButtonIndexDidChange selectedScope: Int ) {
         println (selectedScope)
         searchCtrls();
     }
     // 保存搜索内容
     var searchText: String = ""
     
     // 搜索过滤
     func searchCtrls() {
         // 没有搜索内容时显示全部组件
         if self .searchText == "" {
             self .ctrlsel = self .ctrls
         }
         else {
             var scope = self .searchDisplay.searchBar.selectedScopeButtonIndex;
             // 匹配用户输入内容的前缀
             self .ctrlsel = []
             for ctrl in self .ctrls {
                 let lc = ctrl.lowercaseString
                 if lc.hasPrefix( self .searchText) {
                     if (scope == 0 || (scope == 1 && lc.hasSuffix( "初级" ))
                         || (scope == 2 && lc.hasSuffix( "高级" ))) {
                         self .ctrlsel.append(ctrl)
                     }
                 }
             }
         }
         
         // 不需要刷新Table View显示
         // self.searchDisplay.searchResultsTableView.reloadData()
     }
         
     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_013" 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 >
                             < searchBar contentMode = "redraw" fixedFrame = "YES" translatesAutoresizingMaskIntoConstraints = "NO" id = "514-A1-KsH" >
                                 < rect key = "frame" x = "0.0" y = "28" width = "320" height = "44" />
                                 < textInputTraits key = "textInputTraits" />
                                 < connections >
                                     < outlet property = "delegate" destination = "BYZ-38-t0r" id = "HNb-H1-SIO" />
                                 </ connections >
                             </ searchBar >
                         </ subviews >
                         < color key = "backgroundColor" white = "1" alpha = "1" colorSpace = "custom" customColorSpace = "calibratedWhite" />
                     </ view >
                     < connections >
                         < outlet property = "searchDisplay" destination = "Lnz-5r-UWS" id = "vbY-sQ-4L2" />
                         < outlet property = "searchDisplayController" destination = "Lnz-5r-UWS" id = "Kly-uU-7J1" />
                     </ connections >
                 </ viewController >
                 < placeholder placeholderIdentifier = "IBFirstResponder" id = "dkx-z0-nzr" sceneMemberID = "firstResponder" />
                 < searchDisplayController id = "Lnz-5r-UWS" >
                     < connections >
                         < outlet property = "delegate" destination = "BYZ-38-t0r" id = "889-9H-eic" />
                         < outlet property = "searchBar" destination = "514-A1-KsH" id = "jg7-8Q-dht" />
                         < outlet property = "searchContentsController" destination = "BYZ-38-t0r" id = "S5V-Yk-ta3" />
                         < outlet property = "searchResultsDataSource" destination = "BYZ-38-t0r" id = "5rb-QW-jlM" />
                         < outlet property = "searchResultsDelegate" destination = "BYZ-38-t0r" id = "9rR-uv-SDW" />
                     </ connections >
                 </ searchDisplayController >
             </ objects >
         </ scene >
     </ scenes >
</ document >

转载于:https://www.cnblogs.com/Free-Thinker/p/4838286.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值