OStack程序员社区-中国程序员成长平台

标题: ios - Foodspotting 中的界面设计 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-12 23:52
标题: ios - Foodspotting 中的界面设计

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

1) 一张图片。

2) 下面的一些信息。

像这样:

enter image description here

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

enter image description here

最后:

enter image description here

我尝试过的:

1) 使用前四个无内容且不可见的单元格,最后使用 UIImageView 作为 UITableView

的 subview

2) 同上,但使用 UIImageView 作为 Root View 的 subview ,在 UITableView 下方。

3) 将 UITableViewUIScrollView 与 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/






欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) Powered by Discuz! X3.4