iOS – Swift UISearchController仿微信搜索框

0x01.创建一个UISearchController

  • 如果传入的searchController为nil,则表示搜索的结果在当前控制器中显示,现在我让它在searchVC中显示.
// 创建searchResultVC let searchVC = UIViewController() // 设置背景颜色为红色 searchVC.view.backgroundColor = UIColor.red let searchController = UISearchController(searchResultsController: searchVC) // 设置背景颜色 searchController.view.backgroundColor = UIColor (red: 0.97, green: 0.97, blue: 0.97, alpha: 1.0) // 默认为YES,设置开始搜索时背景显示与否 // searchController.dimsBackgroundDuringPresentation = false // 默认为YES,控制搜索时,是否隐藏导航栏 // searchController.hidesNavigationBarDuringPresentation = false // 将搜索框视图设置为tableView的tableHeaderView tableView.tableHeaderView = searchController.searchBar
技术分享

0x02.设置搜索框

// 搜索框 let bar = searchController.searchBar // 样式 bar.barStyle = .default // 设置光标及取消按钮的颜色 bar.tintColor = RGBA(r: 0.12, g: 0.74, b: 0.13, a: 1.00) // 设置代理 bar.delegate = self
技术分享

0x03.去除背景

// 去除背景及上下两条横线 bar.setBackgroundImage(UIImage(), for: .any, barMetrics: .default)
技术分享

0x04.添加右侧语音按钮

// 右侧语音 bar.showsBookmarkButton = true bar.setImage(#imageLiteral(resourceName: "VoiceSearchStartBtn"), for: .bookmark, state: .normal)
// MARK:- UISearchBarDelegate extension LXFContactViewController: UISearchBarDelegate { func searchBarBookmarkButtonClicked(_ searchBar: UISearchBar) { LXFLog("点击了语音按钮") } }

0x05.效果

技术分享