如何在 App Store 中创建类似特色页面的布局？

Question

我是 iOS 开发的新手。根据我的假设，App Store 中的 Feature 页面是使用 UITableView 和 UICollectionView 的组合创建的。但是如何在理论上和代码上做到这一点？我知道这有点模糊，因为很难描述它，但我只是需要一些人来帮助我解释它。

对于这种情况，我将尝试使用这些命名：

1. 顶部，显示应用程序横幅的视图，人们可以滑动查看另一个横幅。
2. 中间部分，视图可以水平滚动。 （最佳新应用、最佳新游戏等）。
3.底部部分，从快速链接开始到底部。

问题：

1. 滚动指示器是从根视图的顶部指南开始的，这很正常，但是：
a. 当我们向上滚动时，弹性是从中间部分开始。怎么做？顶部和中间部分是分开的视图吗？但是，如果顶部和中间部分是分开的视图，如何从根视图的顶部指南开始滚动指示器？ （分离视图意味着视图应该有不同的滚动指示器，除非它实际上是 UIScrollView 的子视图）。
b. 当我们向下滚动它时，没有任何东西是浮动的。所以看起来整个页面是单个滚动视图的子视图，但弹性是从中间部分开始的。如何在整个页面只有一个滚动指示器的情况下创建这种弹性效果？

2. 在中间部分，有几个具有水平滚动方向的集合视图。像这样创建它的最好方法是使用 UITableView 和里面有 UICollectionView 的单元格吗？看起来它是这样创建的，但是：
a. 这是最有效的方法吗？
b. 因为在我的第一个问题是我的困惑。

3. 底部部分与中间部分有不同的分隔符。中间部分有缩进，而底部没有。如果是 UITableView，我该怎么做？

我的整个问题就是如何创建这样的布局。如果您无法通过提供一些示例代码来帮助我，请向我解释如何做到这一点的概念或理论。

如果整个答案只是我必须使用垂直/水平 UIScrollView 从头开始​​创建它，那很好。我只是想确保这一点，因为我试图避免处理创建手动平铺。

Answer 1

这可能有助于您在 UITableViewCell 中实现 UICollectionViews：http://ashfurrow.com/blog/putting-a-uicollectionview-in-a-uitableviewcell

要使 TableView 中的第一个单元格“浮动”，您可以确保 scrollViewDidScroll 中的单元格永远不会超出屏幕

Answer 2

好的，我想我终于找到了自己的答案。

1. 首先，我需要一个 UIScrollView 作为视图的根。然后我将 contentSize 设置为一个特定的值。
2. 顶部可以是 UIPageController 或水平 UIScrollView。
3. 中间部分是一个 UITableView，滚动启用为 NO，单元格是静态的。静态单元格（也可以是动态单元格）将包含 UICollectionView。由于滚动被禁用，它将使用来自父 UIScrollView 的滚动。所以这就是为什么我可以在中间部分获得相同的弹性效果。
4. 底部只是 UITableView 的另一个单元格。

谢谢。