如何重新创建 iOS 7 Weather App 视图控制器转换 [重复]答案

【问题标题】：How to recreate the iOS 7 Weather App view controller transition [duplicate]如何重新创建 iOS 7 Weather App 视图控制器转换 [重复]
【发布时间】：2014-07-01 14:35:48
【问题描述】：

我一直在尝试重新创建 iOS 7 天气应用的视图控制器转换。看起来他们可能正在做一个 UICollectionView，其中单元格排列得像一个表格视图，当它转换时，它会切换到具有全屏单元格和水平滚动的不同集合视图。问题在于重建两者之间的过渡。

两者之间的自然过渡使所有单元格生长并移动到位，因为天气应用程序有一个单元格在生长，而所有其他单元格只是滑开。

对如何重新创建这种过渡有什么想法吗？

【问题讨论】：

在我看来它只是一个 UITableView，它改变了所选单元格的内容和大小。也有可能它本质上是一个带有自定义动画的模态演示。
@David 这就是它在动画期间的样子，但它在全屏模式下的行为让我觉得它是某种视图控制器转换。

标签： ios ios7 uiviewcontroller uicollectionview transition

【解决方案1】：

这是使用新的 iOS 7 转换 API 完成的

查看UICollectionViewTransitionLayout 类参考以处理集合视图布局之间的转换，以及this helpful blog post 关于一般自定义转换。

可能还值得下载this sample project，因为它还可以在两个集合视图布局之间转换。

另外，请观看developer centre 中的 Custom Transitions Using View Controllers 2013 WWDC 会议视频。

【讨论】：

我不怀疑这是某种视图控制器转换，但绝对不是集合视图转换。它们对动画的控制非常有限，绝对不足以重现我正在寻找的效果。
如果你做到了，你能分享一下吗？那真的很酷:)
@drale2k 我自己没做过，所以恐怕做不到。 InkGolem，你确定吗？根据我的所见所闻，API 可以让你做很多事情。本质上，您所做的只是从基于 tableView 的布局（单元格的垂直列表）过渡到基于分页的布局（单元格的全屏水平滚动）。你认为哪一部分是不可实现的？

【解决方案2】：

您可能需要检查此链接。 https://github.com/BTLibrary/BTGlassScrollView

他做了一个简单的解决方案。

视图是 UIView 的子类。它包含 2 个滚动视图，背景和前景。 backgroundScrollView 由 2 imageviews，正常和模糊。模糊的 alpha 变化随着背景的滚动。背景滚动为前景卷轴（以不同的速度）。前景滚动视图由 maskLayers（渐变）和 foregroundView（即无论你想要什么）。在前景和背景之间，2 在顶部和底部添加 shadowsLayer 以提供更好的可读性。

我在我的应用程序上使用了这个，经过一些修改并且工作正常

【讨论】：