ios - Foodspotting 中的界面设计

Question

在应用程序 Foodspotting 上，您有一个包含两个元素的滚动视图：

1）图像。

2）它下面的一些信息。

像这样：

在此处输入图像描述

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

在此处输入图像描述

最后：

在此处输入图像描述

我试过的：

1）使用前四个没有内容和不可见的单元格，最后一个UIImageView作为子视图UITableView

2) 与上面相同，但使用UIImageView根视图的 as subView 和UITableView.

3)在 UIScrollView 中混合 a和UITableViewa 。UIScrollViewUIImageView

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

编辑 1.0

如果有人想尝试，您可以在此处查看项目。

score 2 · Accepted Answer

看起来图像视图是表格的背景视图（因此它不会滚动），一个大的透明视图作为表格标题（可能带有第一个按钮，或者可能是透明单元格），然后是不透明单元格剩下的内容。

那个意大利调味饭太湿了。0星，更像米汤。

score 2 · Accepted Answer

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

然后UITableView在其之上（分组表视图）具有透明背景。

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

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

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

或类似的东西。

显然，图像视图不会比顶部移动得更远，所以你必须以某种方式抓住它。

2 回答 2