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 UIKitclass 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 ...
随机推荐
- 【译】在Asp.Net中操作PDF – iTextSharp - 使用链接和书签
原文 [译]在Asp.Net中操作PDF – iTextSharp - 使用链接和书签 用户和PDF文档的交互可以通过锚(链接)和书签进行,接着我前面iTextSharp的系列文章,本篇文章主要讲通过 ...
- JVM调优总结(七)-典型配置举例1
以下配置主要针对分代垃圾回收算法而言. 堆大小设置 年轻代的设置很关键 JVM中最大堆大小有三方面限制:相关操作系统的数据模型(32-bt还是64-bit)限制:系统的可用虚拟内存限制:系统的可用物理 ...
- android intent收集转载汇总
Intent intent = new Intent(Settings.ACTION_WIRELESS_SETTINGS); ComponentName comp = ...
- Android使用学习之画图(Canvas,Paint)与手势感应及其应用(乒乓球小游戏)
作为一个没有学习Android的菜鸟,近期一直在工作之外努力地学习的Android的使用. 这周看了下Android的画图.主要是Canvas,Paint等,感觉须要实践下.下午正好有空,就想整一个乒 ...
- Genymotion 插件在 Eclipse 和 Android Studio 中点击后无法初始化 Initialize Engine: failed 解决方法
Genymotion 插件已更新至 1.0.6,目前无法初始化的问题已经解决. ------------------------------------------------------------ ...
- Python中使用Flask、MongoDB搭建简易图片服务器
主要介绍了Python中使用Flask.MongoDB搭建简易图片服务器,本文是一个详细完整的教程,需要的朋友可以参考下 1.前期准备 通过 pip 或 easy_install 安装了 pymong ...
- UVA10006 - Carmichael Numbers
题目链接:UVA10006 本来想直接打素数表,然后根据素数表来判断,结果一直超时,后来把素数表去掉,再在for循环中加判断才勉强过了. Some numbers that are not prime ...
- java基础之& 和 && 的差别
&和&&都能够用作逻辑与的运算符,表示逻辑与(and),当运算符两边的表达式的结果都为true时,整个运算结果才为true,否则,仅仅要有一方为false,则结果为false. ...
- 基于visual Studio2013解决C语言竞赛题之1061最大值和次最大值
题目 解决代码及点评 /* 功能: 编写子函数, 求一维整型数组M[10]的最大值及次最大值(次最大值可能不存在). 主函数中输入10个整数, 然后调用上述子函数, 若次最大值存在, ...
- 全方位深度剖析--性能测试之LoardRunner 介绍
一.介绍 LoardRunner是一种预测系统行为和性能负载的测试工具.通过模拟上千万用户实施并发负载及实时性能监控的方式来确认和查找系统的瓶颈,LoardRunner能够对整个企业架构进行测试.通过 ...