如何使滚动视图像 Apple AppStore “特色页面”?

Posted

技术标签:

【中文标题】如何使滚动视图像 Apple AppStore “特色页面”?【英文标题】:How to make the scrollView like the Apple AppStore "Featured Page"? 【发布时间】:2015-10-31 14:12:45 【问题描述】:

因此,如果您在 AppStore 的精选页面上向下拖动,您可以看到底部(我假设它是一个 tableView)移动,而顶部横幅保持不动。当您向下滚动时,横幅也会滚动。我一直在搞乱很多试图弄清楚这里做了什么。我正在尝试在我自己的应用程序中进行类似的设计。我知道我可以使用单个 tableview 完成所有这些操作,但我不想重复使用或加载顶部横幅。

有什么帮助吗?提前致谢。

【问题讨论】:

我相信这要么是一个标签视图,要么是多个子视图。我主要做 OS X 开发,所以我不确定选项卡式视图在 ios 上是如何工作的 你能解释一下标签视图吗?目前,我使用了一个 ScrollView(保留横幅),在其中我有一个 TableView(包含其他详细信息,如描述和项目),但这种方法的问题是,两个滚动条相互混淆。跨度> 没关系,这不是选项卡式视图。试试this SO 问题。 感谢您的意见。我通过四处搜索找到了我的问题的确切解决方案。我已经在下面发布了。再次感谢。 =) 【参考方案1】:

好的,我解决了。显然它是一个 Table HeaderView,我们只需使用 scrollViewDelegate 即时更改大小。很简单。

以下是为该风格添加更多内容的教程:

http://blog.matthewcheok.com/design-teardown-stretchy-headers/

希望这对那些在类似情况下苦苦挣扎的人有所帮助。 :D

【讨论】:

以上是关于如何使滚动视图像 Apple AppStore “特色页面”?的主要内容,如果未能解决你的问题,请参考以下文章

使用集合视图使视图控制器可滚动

如何使带有选项卡视图的视图可滚动?

像 App Store 一样的水平滚动控件

使用静态和滚动子视图实现视图

使单个图像在视图控制器上无限滚动?

如何使布局与recyclerview一起滚动