ios - Foodspotting 中的界面设计

Question

在 Foodspotting 应用程序上，您有一个包含两个元素的 ScrollView :

1) 图像。

2)下面有一些信息。

像这样:

当您开始向下滚动时，UITableView 的行为并不自然，或者至少我不理解它。下面的 View 开始向上并与上面的 UIImageView 重叠:

最后:

我尝试过的:

1) 使用前四个没有内容且不可见的单元格，最后使用 UIImageView 作为 UITableView 的 subview

2) 与上面相同，但使用 UIImageView 作为 Root View 的 subview ，位于 UITableView 下方。

3) 将 UITableView 和 UIScrollView 与 UIScrollView 内的 UIImageView 混合。

所以我的问题是，这是如何实现的？

---

编辑1.0

如果有人想尝试，可以查看项目here 。

Answer 1

在我看来就像一个UIViewController，底部有一个UIImageView。

然后在其(分组 TableView )之上添加一个具有透明背景的 UITableView。

然后将标题高度设置为几乎整个 View 的高度。在标题底部附近有一个按钮(或其他任何东西)。

您可以访问 scrollView:didScroll 来调整 UIImageView 在背景中的位置(看起来图像的中心点始终位于标题可见部分的中间位置。

bgImageView.center = CGPointMake(0, (bgImageView.frame.size.height - scrollView.offset.y) * 0.5);

或者类似的东西。

显然， ImageView 不会比顶部向下移动更多，因此您必须以某种方式捕获它。