如何在导航栏内添加带有范围栏的搜索栏，其中导航栏自动增加其高度并显示范围栏

Question

我阅读了有关 stackoverflow 的所有问题，但没有一个可以解决我的问题。我创建了一个 UICollectionView 并在导航栏中锚定了一个搜索栏，而不使用情节提要！

   class UserSearchController: UICollectionViewController ,.. {..
    lazy var  searchBar: UISearchBar = {
    let sb = UISearchBar()
    sb.placeholder = "Enter username"
    sb.barTintColor = UIColor.gray
    UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]).backgroundColor = UIColor.rgb(red: 230, green: 230, blue: 230)
    sb.delegate = self
    sb.showsCancelButton = true
    return sb
}()  .... 

  // adding the searchBar to the collectionView as subView and      
    anchoring it  to the navigationBar

搜索栏显示在导航栏内，一切正常。当我尝试将范围栏添加到搜索栏时会出现问题。我将以下属性添加到我的搜索栏

      sb.showsScopeBar = true
      sb.scopeButtonTitles = ["Username", "Hashtag"]

scopeBar 隐藏在 navigationBar 后面，并且 navBar 不会自动增加其高度。你只看到一个灰色的背景。

将我的代码添加到一个简单的 UiViewController 一切正常

此代码在普通 VIewController 中工作，其中 searchBar 作为 subView 添加并锚定到视图。

    lazy var  searchBar: UISearchBar = {

    let sb = UISearchBar()
    sb.placeholder = "Enter username"
    sb.barTintColor = UIColor.gray
    UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]).backgroundColor = UIColor.rgb(red: 230, green: 230, blue: 230)
    sb.delegate = self
    sb.scopeButtonTitles = ["Username", "Hashtag"]
    sb.tintColor = UIColor.black
    sb.barTintColor = UIColor.lightGray


    return sb
}()

public func searchBarShouldBeginEditing(_ searchBar: UISearchBar) -> Bool {
    searchBar.showsScopeBar = true
    searchBar.sizeToFit()
    searchBar.setShowsCancelButton(true, animated: true)

    return true
}



func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
    searchBar.showsScopeBar = false
    searchBar.endEditing(true)
}

我的 searchBar 如下所示。如果您开始键入范围栏，则会出现，如果您单击取消，它就会消失。我想要相同的，但只在 navBar 内部：

如何在没有情节提要的情况下在导航栏中添加带有 scopeBar 的 searchBar。有没有简单的方法。请您参考我的代码并使用我的代码向我展示它是如何工作的。我还尝试增加导航栏的大小，但它应该会自动工作，我不知道这是否是正确的方法。

Answer 1

我认为这是您正在寻找的那种实现：

你的段控制器

// ( Declare Globaly )
var yourSegmentController = UISegmentedControl()
yourSegmentController.addTarget(self, action: #selector(ParentClass.filterChanged(_:)), for: .touchUpInside)

然后您必须使用您的UICollectionView 注册您的自定义UICollectionViewCell 类。在您的 viewDidLoad 或在您拥有 UICollectionView 的模块中使用的任何初始化方法中执行此操作：

self.yourCollectionView.register(YourCustomUserCellClassHere.self, forCellWithReuseIdentifier: NSStringFromClass(YourCustomUserCellClassHere))

self.yourCollectionView.register(YourCustomHashtagCellClassHere.self, forCellWithReuseIdentifier: NSStringFromClass(YourCustomHashtagCellClassHere))

最后，在您的 cellForItemAt 委托方法中，执行以下操作以查看选择了哪个过滤器并相应地返回单元格：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    var cellToReturn = UICollectionViewCell()

    // USERS
    if yourSegmentController.selectedSegmentIndex == 0 {

        let customUserCell = self.yourCollectionView.dequeueReusableCell( withReuseIdentifier: NSStringFromClass(YourCustomUserCellClassHere), for: indexPath) as? YourCustomUserCellClassHere

        // Do what you want with your custom cell here...


        cellToReturn = customUserCell
    }
    // HASHTAGS
    else if yourSegmentController.selectedSegmentIndex == 1 {

        let customHashtagCell = self.yourCollectionView.dequeueReusableCell( withReuseIdentifier: NSStringFromClass(YourCustomHashtagCellClassHere), for: indexPath) as? YourCustomHashtagCellClassHere

        // Do what you want with your custom cell here...


        cellToReturn = customHashtagCell

    }

    return cellToReturn

}

这将检查选择了哪个过滤器，然后返回适合该过滤器的单元格。

另外请记住，每次用户更改您的分段过滤器时，您都必须刷新UICollectionView。

像这样刷新它：

// Put this method at the same level where your cellForItemAt function is but not inside

func filterChanged (_ sender:UISegmentedControl) {
    self.yourCollectionView.reloadData()
}