在iOS 7中设计和实现隐藏顶栏

Question

Instagram.app经过重新设计，适用于iOS，苹果公司在AppStore的“Designed for iOS7”类别中突出了其用户界面。

这个应用程序中一个令人着迷的效果是在最近的帖子移动桌面视图时隐藏的顶部栏。

我拍摄了一段展示此效果的简短视频：http://youtu.be/NeKYoc6I8Wo

如何实现这个整洁的动画？

是否可以用IB实现它？

Answer 1

一个想法：使用contentOffset观看滚动视图的NSKeyValueObserving。在observeValueForKeyPath:…中，检查contentOffset将滚动视图顶部相对于顶部（导航？）栏的完整高度的位置。使用此选项创建百分比，然后使用该百分比设置条形的高度，标签的大小和文本的不透明度（例如“滚动视图的顶部是从顶部向下的40％酒吧的全高，所以酒吧应该是其全高的40％，标签应该是其全尺寸的40％，并且文字应该是其完全不透明度的40％“）。你可能需要根据需要调整它并处理一些边缘情况，但这就是我要开始的地方。