objective-c - 如何重新创建 Jetsetter 的 iOS 预告片照片和照片查看器幻灯片过渡？

Question

我遇到的最令人印象深刻的 iOS 应用程序之一是 Jetsetter，因为它具有出色的设计、令人难以置信的界面和创造性的动画使用。我最喜欢的应用程序组件之一是他们为酒店/ field 提供的预告片照片界面。它们提供最小化的照片幻灯片，但如果您想要完整 View ，可以单击它，它会展开以显示更大版本的图像。您可以在操作中看到模糊的视频 here .

我有兴趣重新创建类似的东西。我很清楚像 MHPagingScrollview 这样的分页画廊(这就是较大的照片查看器的功能)，但我想弄清楚的是处理过渡的正确方法。我还看到了处理 Ken Burns effect 的库对于图像。然而，不清楚的是是否有单独的 View Controller 。

这是两个独立 View Controller 之间的转换吗？或者最小化和最大化的照片查看器是否属于同一个 Controller ？你将如何最有效地复制类似的东西？我在下面嵌入了一个屏幕截图来说明之前和之后。 video linked above然而最有效地说明了这种转变。

Answer 1

这里是 Jetsetter 的移动工程师。它们是两个独立的 Controller ，但过渡动画出现在第一个。流程如下:

1. 用户点按较小的照片。
2. 包含全尺寸图像的过渡 View 直接放置在较小图像的顶部。
3. 过渡 View 动画到屏幕的边界。
4. 照片查看器 Controller 以没有动画的模式呈现，在一个无缝动画中完成效果。

当模态 Controller 被关闭时效果相反。

诀窍在于您的转换 View 。我们创建了一个包含 imageView 的 UIView 子类(启用了 clipsToBounds)。过渡 View 的边界会扩展以显示 imageView，从而导致动画期间最终图像不会失真。