UITableView 视差标题滚动动画(TuneIn)

Posted

技术标签:

【中文标题】UITableView 视差标题滚动动画(TuneIn)【英文标题】:UITableView parallax header scroll animation (TuneIn) 【发布时间】:2014-05-13 21:32:55 【问题描述】:

我对 ios 开发并不陌生,虽然不是 ***,但我对以下图片/动画有疑问。

http://postimg.org/image/gbyppuwad/

有谁知道如何在 iOS 中做到这一点?

它必须是一个tableView,因为右边有一个scollbar。可能是 tableView 之上的 headerView 或 customView 并且设置了 tableView insets .. 我真的不知道 ..

该应用名为 TuneIn ..

任何人都可以帮我恢复睡眠,这让我困扰了好几天.. :D

【问题讨论】:

您找到解决方案了吗?我正在寻找完全相同的.. 【参考方案1】:

由于某种原因,您的图像未在 Chrome 中打开,但如果您正在寻找视差效果 - 您基本上需要在视图控制器中收听 UIScrollViewDelegate。

https://developer.apple.com/library/ios/documentation/uikit/reference/uiscrollviewdelegate_protocol/reference/uiscrollviewdelegate.html

有一个名为scrollViewDidScroll: 的方法会在滚动视图中的每个内容偏移更改后调用。您需要实现它并根据所需的算法调整背景视图位置。

【讨论】:

感谢您的回答。我已经修复了图片的链接。这不仅仅是视差效果,它也是导航栏的滚动和固定。你能想象他们是如何解决这个问题的吗? 答案实际上是一样的。当用户滚动表格视图时,您仍然需要订阅该委托并隐藏/移动其他视图。

以上是关于UITableView 视差标题滚动动画(TuneIn)的主要内容,如果未能解决你的问题,请参考以下文章

记录--滚动视差动画和解决方法

iOS开发之视差滚动视图

CSS3动画之视差滚动

iOS开发-UITableView滑动视差

视差滚动技术的简介及运用

当 UITableView 开始滚动时,动画视图