Swift UI - 搜索条(UISearchBar)的用法

注:代码已升级至Swift4

搜索条样式

搜索条Options属性可设置如下功能样式:

  • Shows Search Results Button:勾选后,搜索框右边显示一个圆形向下的按钮,单击会发送特殊事件。
  • Shows Bookmarks Button:勾选后,搜索框右边会显示一个书本的按钮,单击会发送特殊事件。
  • Shows Cancel Button:勾选后,搜索框右边会出现一个“Cancel”按钮,单击会发送特殊事件。
  • Shows Scope Bar:勾选后,会在搜索条下面出现一个分段控制器。

使用案例

功能需求:

(1)在Main.storyboard界面里拖入一个SearchBar和一个TableViewSearchBar放到TableView的页眉位置
(2)初始化或者搜索条为空时,表格显示所有数据
(3)搜索条不为空时,表格实时过滤显示匹配的项目

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
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()
}
}

Powered by AppBlog.CN     浙ICP备14037229号

Copyright © 2012 - 2020 APP开发技术博客 All Rights Reserved.

访客数 : | 访问量 :