如何在Swift中模仿Safari的搜索欄UI /動畫？

Question

我正在嘗試在當前應用程序的iOS Safari中模仿下面的搜索欄行為：

我主要希望導航欄在用戶滾動內容時向上滾動至很小的版本，並在用戶向上滾動時返回。

我試過使用scrollViewDidScroll，但似乎無法模仿它。 我不確定是否將搜索欄正確添加到導航欄中。

let searchBar: UISearchBar = {
    let sb = UISearchBar()
    sb.autocapitalizationType = .none
    sb.autocorrectionType = .no
    sb.keyboardAppearance = UIKeyboardAppearance.default
    sb.placeholder = "Search"
    return sb
}()

fileprivate func setupNav() {
    //Basic Setup
    navigationController?.navigationBar.isTranslucent = true
    navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)

    //Search Bar
    searchBar.sizeToFit()
    navigationItem.titleView = searchBar
}

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    //Implement
}

Answer 1

let searchController                                  = UISearchController(searchResultsController: nil)
searchController.dimsBackgroundDuringPresentation     = false
searchController.searchBar.placeholder                = "Search"
searchController.searchResultsUpdater                 = self
navigationItem.searchController                       = searchController
definesPresentationContext                            = true 

將您的SearchController放在導航項中。 這將添加可折疊的SearchBar 。 另外，您可以嘗試使用導航項Prompt在頂部顯示非常小的標題。