Swift - 搜索条(UISearchBar)的用法
(本文代码已升级至Swift4)
- 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,代码如下
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 //设置代理 self.searchBar.delegate = self self.tableView.delegate = self self.tableView.dataSource = self // 注册TableViewCell self.tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cell") } // 返回表格行数(也就是返回控件数) func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return self.ctrlsel.count } // 创建各单元显示内容(创建参数indexPath指定的单元) func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { // 为了提供表格显示性能,已创建完成的单元需重复使用 let identify:String = "cell" // 同一形式的单元格重复使用,在声明时已注册 let cell = tableView.dequeueReusableCell(withIdentifier: identify, for: indexPath) cell.accessoryType = .disclosureIndicator cell.textLabel?.text = self.ctrlsel[indexPath.row] return cell } // 搜索代理UISearchBarDelegate方法,每次改变搜索内容时都会调用 func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) { print(searchText) // 没有搜索内容时显示全部组件 if searchText == "" { self.ctrlsel = self.ctrls } else { // 匹配用户输入内容的前缀(不区分大小写) self.ctrlsel = [] for ctrl in self.ctrls { if ctrl.lowercased().hasPrefix(searchText.lowercased()) { self.ctrlsel.append(ctrl) } } } // 刷新Table View显示 self.tableView.reloadData() } // 搜索代理UISearchBarDelegate方法,点击虚拟键盘上的Search按钮时触发 /**func searchBarSearchButtonClicked(_ searchBar: UISearchBar) { searchBar.resignFirstResponder() }**/ override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } }
航哥,请问一下,如果每一行中要放入多个信息(比如美团的发现页),那么案例中的“ctrls”定义存放就不一样,再有就是怎么做到这个案例这样的效果,匹配首字符显示。谢谢
站长,UISearchBar的数据源只能是tableview的array吗?可以实现跟微信公众号文章一样的搜索引擎查询吗?
上划隐藏好像是自带功能,怎么才能让它下划时才显示出来呢? 什么思路呢?
谢谢航哥回复,我看过您关于索引功能的帖子,您的header数组是固定的,我的痛点是,如果有一个随时变动的数组的contact(像微信),怎么提取首字母分section列出来,我的方法特别笨就是存到二维数组,不知道您有没有好的方法,谢谢。
感谢站长,看了3楼的帖子,我也深有同感,真是帮助太大了,希望航哥多多更新,请航哥有机会讲讲controller的生命周期和那几个函数的区别,看了一些文章还是区分不太清什么时候该用哪个。另外楼下说到排序,想问问航哥对于微信那个联系人排序和右侧索引能不能有机会分析一下,自己总是做不出来微信的效果,排序也没什么太好的方法。万分感谢。
感谢站长,对于把swift作为第一个iOS学习语言的人来说,这些教程太重要了。求hangge多分享和讲解纯代码实现的例子。
前几天遇到一个面试题要求在searchBar加个sort的功能,点击后按照cell title A-Z 进行sort,是应该加到哪里里面呢?
代码如何实现呢
Shows Search Results Button:
Shows Bookmarks Button:
Shows Scope Bar:
有源代码吗,能发到我邮箱让我学习一下吗?多谢!!!
判断搜索前缀的话,还是不使用 小写转换的好吧,因为弹出键盘 默认输入首字母都是大写的,直接使用hasPrefix不是更好么?