如何创建一个可滚动的视图，顶部是集合视图，底部是列表？

Question

这是来自应用商店中 Ganna 应用的图片：

当用户点击顶部的搜索栏时会弹出此视图。我相信他们使用UISearchController 实现了它（将ScrollView 传递给UISearchController 的构造函数）并且ScrollView 还包含用于最近搜索的水平滚动CollectionView（在顶部），但我我很困惑他们如何将趋势列表放在下面。这是趋势部分的TableView 吗？

有没有人知道如何构建这种类型的 UI？

编辑：

单个 TableView 是否可以将标题作为最近搜索集合视图而其余部分作为表格视图单元格工作？

Answer 1

滚动整个视图时是否会向上滚动“最近搜索”？ （我在我的应用商店中找不到这个应用程序'

如果是这样，您可以将表格单元格自定义为两种不同的类型，并在第一部分中使用“collectionview”。

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell : UITableViewCell!
    if indexPath.section == 0 {
        cell = tableView.dequeueReusableCell(withIdentifier: "id of cell contain colletoinview for recent search", for: indexPath)
    } else {
        cell = tableView.dequeueReusableCell(withIdentifier: "id of cell for trending", for: indexPath)
    }
    return cell!
}

如果没有，您可以在 uiviewcontroller 中同时使用“集合视图”和“表格视图”。

class SampleController : UIViewController {
    @IBOutlet var trendingTableView : UITableView!
    @IBOutlet var recentSearchCollectionView : UICollectionView!
}

extension SampleController : UITableViewDelegate, UITableViewDataSource {
    // handle your tableview, Implement protocol
}

extension SampleController : UICollectionViewDelegate, UICollectionViewDataSource {
    // handle your collectionview, Implement protocol
}

你甚至可以自定义滚动视图。（真的不推荐）