溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

iOS中Swift UISearchController仿微信搜索框

發(fā)布時間:2020-09-17 09:04:04 來源:腳本之家 閱讀:263 作者:LinXunFeng 欄目:移動開發(fā)

創(chuàng)建一個UISearchController

如果傳入的searchResultsController為nil,則表示搜索的結果在當前控制器中顯示,現在我讓它在searchResultVC中顯示

// 創(chuàng)建searchResultVC
let searchResultVC = UIViewController()
// 設置背景顏色為紅色
searchResultVC.view.backgroundColor = UIColor.red
let searchController = UISearchController(searchResultsController: searchResultVC)
// 設置背景顏色
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

iOS中Swift UISearchController仿微信搜索框

添加searchBar

設置搜索框

// 搜索框
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

iOS中Swift UISearchController仿微信搜索框

設置光標及取消按鈕的顏色

去除背景

// 去除背景及上下兩條橫線
bar.setBackgroundImage(UIImage(), for: .any, barMetrics: .default)

iOS中Swift UISearchController仿微信搜索框

去除背景及上下兩條橫線

添加右側語音按鈕

// 右側語音
bar.showsBookmarkButton = true
bar.setImage(#imageLiteral(resourceName: "VoiceSearchStartBtn"), for: .bookmark, state: .normal)
監(jiān)聽語音按鈕的點擊
// MARK:- UISearchBarDelegate
extension LXFContactViewController: UISearchBarDelegate {
  func searchBarBookmarkButtonClicked(_ searchBar: UISearchBar) {
    LXFLog("點擊了語音按鈕")
  }
}

iOS中Swift UISearchController仿微信搜索框

右側語音效果

iOS中Swift UISearchController仿微信搜索框 

以上所述是小編給大家介紹的iOS中Swift UISearchController仿微信搜索框,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI