在 iOS 上,Twitter 是如何在滚动浏览时制作个人资料横幅动画的?

Posted

技术标签:

【中文标题】在 iOS 上,Twitter 是如何在滚动浏览时制作个人资料横幅动画的?【英文标题】:On iOS, how did Twitter make the profile banner animation when scrolling through? 【发布时间】:2015-02-24 14:33:12 【问题描述】:

我说的是用户个人资料上的动画。如果您打开某人的个人资料并向上滑动以向下滚动,则用户的横幅将模糊到导航栏中。如果向下滑动向上滚动,横幅会变大并放大。

以下是一些演示该功能的屏幕截图:http://imgur.com/VNeRD9r,9BmoVZs,UU7blD1

有人知道这是怎么做到的吗?它是 ios 内置的东西,还是我必须自己推出?

【问题讨论】:

这是通过使用UIScrollViewDelegate 并根据滚动位置更改屏幕布局来完成的。 听起来您正在寻找UIBlurEffectStyle。苹果文档在这里 (developer.apple.com/library/prerelease/ios/documentation/UIKit/…) 看起来你想阅读this think & build article,它几乎展示了如何使用 swift(和一些 Objective-C)来做到这一点 我怎样才能做可触摸的标题图像?有人知道吗? 【参考方案1】:

如果您正在寻找类似于 twitter 的内容。我建议你检查一下

https://github.com/starchand/MBTwitterScroll

【讨论】:

以上是关于在 iOS 上,Twitter 是如何在滚动浏览时制作个人资料横幅动画的?的主要内容,如果未能解决你的问题,请参考以下文章

无法在移动/ipad 浏览器上浮动 twitter 引导导航栏

如何在 Twitter iOS 7 应用程序中实现可滑动的时间线

Twitter iOS 个人资料页面配置

iPad 上的 Twitter 提要 - 页面在滚动和灰色边框上移动

转让iframe在iOS设备手机浏览器上支持滚动

如何在 iOS Safari 上启用 iframe 滚动条