AppStore 风格的滚动效果

Posted 2023-03-04

【中文标题】AppStore 风格的滚动效果

【英文标题】：AppStore style scroll effect

【发布时间】：2014-08-28 15:09:54

【问题描述】：

[更新] 我在表格视图中添加了一些内容插图。那么是否可以在创建的间隙中添加视图？

我想要实现的是下面的滚动效果：

在 iPhone 上打开 AppStore 并转到“精选”选项卡。

向下滑动：只有表格视图向下滚动，带有图像的横幅保持固定

向上滑动：包括横幅视图在内的所有内容都向上移动。

我最初的想法是滚动视图中有一个表格视图，但 Apple 建议不要这样做......

我的第二次尝试是使用表格标题视图，但标题视图会双向滚动。

那么要对 UITableViewController 做什么样的调整才能达到这个效果呢？

到目前为止我所拥有的：

我需要的基本上是this

【问题讨论】：

appcoda.com/ios-programming-index-list-uitableview 这会帮助你

【参考方案1】：

例如：

- (void)scrollViewDidScroll:(UIScrollView *)scrollView

    if (scrollView.contentOffset.y < 0 )
        CGRect frame = self.myView.frame;
        frame.origin.y = scrollView.contentOffset.y ;
        self.myView.frame = frame;
    

这就是主意！

【讨论】：

是的！我使用UIScrolView

为我的大部分观点制作了这种“效果”

如果您希望在向下滚动时将 tableHeaderView 保持在顶部，请将 myView 更改为 tableView.tableHeaderView

我会继续尝试这个......但仅供参考，我真正需要的是这个链接中的效果：mohit.athwani.net/KSMX.gif

我从一个完全干净的表格视图控制器开始并尝试了您的解决方案...我的代码在 copy.com/s/Bb0AFrGssvJ9EOAa/KSM_Code.png 上可用，结果在：copy.com/s/KZodVG6K1KuNtzGq/KSM.gif 上可用...感谢您的耐心等待:)

让我们continue this discussion in chat。

【参考方案2】：

他们使用 sections 没什么特别的。

你会想要使用：

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

尝试为 viewForHeaderInSection 返回一个 UIView，它会为您提供与 App Store 功能选项卡相同的内容。

【讨论】：

一旦它确实产生了效果，我就这样做了。您是否将视图的高度设置为与示例一样高？