如何使用顶部的集合视图和底部的列表创建可滚动视图？

Question

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

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

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

编辑：

单个TableView是否可以使用标题为Recent Searches collectionview，其余的是表视图单元格？

Answer 1

最近的搜索＆＃39;滚动整个视图时向上滚动？ （我无法在我的应用商店中找到此应用＆＃39;

如果是这样，您可以将表格单元格自定义为两种不同的类型，并使用＆＃39; collectionview＆＃39;在你的第一部分内。

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
}

如果没有，您可以同时使用＆＃39;收集视图＆＃39;和表格视图＆＃39;在你的uiviewcontroller中。

std::deque

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