ios - Foodspotting 中的界面设计

在 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 .

---

Best Answer-推荐答案

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

然后是一个 UITableView 在上面(分组的表格 View )，具有透明背景。

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

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

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

或类似的东西。

显然 ImageView 不会比顶部移动得更远，所以你必须以某种方式捕捉它。

关于ios - Foodspotting 中的界面设计，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13601033/