ios - 如何从 UICollectionView 过渡到 UIViewController，如 Pinterest/Evernote

Question

我有一个 UICollectionView，当一个项目被选中时，我希望它能全屏显示动画。所以它会从单元格大小过渡到全屏并成为一个 UIViewController。 Pinterest 和 Evernote 都有这种行为，点击单元格会将单元格转换为全屏 View Controller 。

是否有任何示例说明如何做到这一点？我搜索了几个项目，但没有找到任何关于将单元格转换为全屏 View Controller 的说明。

Pinterest 在这里讨论:https://medium.com/@Pinterest_Engineering/behind-the-pins-building-pinterest-3-0-for-ios-100f57f6940

Answer 1

实现这种转变并不困难。正如文章所说，他们自定义一个过渡来实现 UIViewControllerAnimatedTransitioning 协议(protocol)，除此之外什么都没有。您需要计算新的大小以及您点击的 imageView 的位置以设置动画。就是这样。

我们这两个app，都是通过上面这个方法实现类似的过渡效果。

https://itunes.apple.com/app/hua-ban-quan-qiu-you-mei-tu/id494813494?mt=8

还有这个:

https://itunes.apple.com/app/mei-tu-sou-sou-wan-zhuan-wei/id781146829?mt=8

---

我创建了这个 repo几天前。而在 Swift 上，除了一些小问题，我几乎完成了这个过渡，这是我第一个基于 Swift 实践的演示项目。但是，如果您不是 iOS 开发的新手并且您会学习 Swift BTW，那么就不难理解。我会完成它并稍后修复错误。

在实际项目中，它比演示项目更复杂，但有了它，也许您已经知道如何实现这种过渡。

祝你好运。