Swift - 带结果列表的搜索条(UISearchDisplayController)的用法
UISearchDisplayController控件默认封装了Search Bar和Table View,可同时提供搜索和结果表格显示功能。
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 > |
Swift - 带结果列表的搜索条(UISearchDisplayController)的用法的更多相关文章
- Swift - 搜索条(UISearchBar)的用法
1,搜索条Options属性还可设置如下功能样式: Shows Search Results Button:勾选后,搜索框右边显示一个圆形向下的按钮,单击会发送特殊事件. Shows Bookmark ...
- UI UISearchBar UISearchDisplayController实现搜索条、解析颜色
本文转载至 http://blog.sina.com.cn/s/blog_bf2d33bd01017q6l.html @interface ThirdViewController : UIViewCo ...
- 点击搜索取消UISearchDisplayController的搜索状态
一般,我们用到UISearchDisplayController的时候,都是须要对一个数据源进行刷选,在UISearchDisplayController自带的tableView中展示出来,然后点击退 ...
- iOS 搜索条使用详解
在ios开发中搜索条的使用挺常见的,不过之前一直没用到也没细细研究,最近做外包项目的时候刚好用到,在这里记录一下使用的过程,只要理解了原理,其实还是比较简单的!上传的图片有点大,刚好可以看清楚它的使用 ...
- 模仿京东顶部搜索条效果制作的一个小demo
最近模仿京东顶部搜索条效果制作的一个小demo,特贴到这里,今后如果有用到可以参考一下,代码如下 #define kScreenWidth [UIScreen mainScreen].bounds.s ...
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
Android 高手进阶(21) 版权声明:本文为博主原创文章,未经博主允许不得转载. 转载请注明地址:http://blog.csdn.net/xiaanming/article/detail ...
- 使用CSS3和jQuery可伸缩的搜索条
使用CSS3和jQuery可伸缩的搜索条 helloweba.com 作者:月光光 时间:2013-12-09 21:23 标签: CSS3 jquery 搜索条在我们网站是必不可少的,尤其是在有限的 ...
- 一个漂亮的DIV搜索条
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- AIO5物料清单(BOM)列表,搜索编码和名称无效
问题: AIO5物料清单(BOM)列表,搜索编码和名称无效.如图: 原因分析 AIO5的BOM是在二次开发平台上做的,在制作自定义单据的时候[查询参数设置]没有设置.如下图: 解决方案 工具:AIO5 ...
随机推荐
- drupal中使用drush命令,快速批量的开启和关闭模块
方法一: drush pml --no-core --type=module --status=enabled --pipe > modules.txt xargs -a modules.tx ...
- 关于std::string
主要注意的一个问题是:std::string 实际是类似一个 vector<char>的结构. 它里面是可以存放 ascii为0 的字符不算结尾 (否则 unicode方式的编码存放就有问 ...
- c语言:union,大小端
union: 不允许只用联合变量名作赋值或其它操作. 也不允许对联合变量作初始化赋值,赋值只能在程序中进行. 小端存储: 以字节为单位,低存低,高存高. 任何数据在内存中都是以二进制(1或着0)顺序存 ...
- 基于visual Studio2013解决C语言竞赛题之1028平均值
题目 解决代码及点评 /* 已知有9个数,请求出这些数中的最大值.最小值及平均值,以及有多少个数等于平均值? */ #include<stdio.h> ...
- 使用 Spring RestTemplate 调用 rest 服务时自定义请求头(custom HTTP headers)
在 Spring 3.0 中可以通过 HttpEntity 对象自定义请求头信息,如: private static final String APPLICATION_PDF = "app ...
- swap函數 进阶探讨与实现
相信以下這個C程序非常多人都見過啦.當時自己看 美少女战士谭浩强 写的那本书上的解释.反正我当时是没看太懂详细是什么意思.谱架啊~~~ #include <stdio.h> void sw ...
- check————身份证
-- Access 不支持 Substring 查询,可以替换为 mid 查询. select 序号,姓名,身份证号,性别from 身份表where (len(身份证号)<>15 and ...
- Winfrom 文本框回车进入下一个个单元格(TextBox)
1.重写方法 OnShown protected override void OnShown(EventArgs e) { base.OnShown(e); foreach (Control ct i ...
- Redis + Jedis + Spring整合遇到的异常(转)
项目中需要用到缓存,经过比较后,选择了redis,客户端使用jedis连接,也使用到了spring提供的spring-data-redis.配置正确后启动tomcat,发现如下异常: Caused b ...
- win2k/xp查看当前进程
win2k/xp查看当前进程 tasklist tasklist | find "关键字" 可以对结果进行过滤 关闭当前某个进程 taskkill /pid 程序的PID号码 wi ...