如何实现UIView的翻转过渡效果

Question

如何实现 UIView 的翻转过渡效果，就像“flipboard”应用程序中的那样。这里我已经有可以从左到右或从右到左翻转的示例。但这里我想实现从下到上或从上到下的折叠翻转。

Answer 1

您可以使用下面的代码行来实现这种动画，

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:5];
[UIView transitionFromView:view2 toView:view1 duration:3 options:UIViewAnimationOptionTransitionFlipFromBottom completion:NULL];
[UIView commitAnimations];  

您可以根据要求设置持续时间和动画过渡..仅在ios5中工作..

Answer 2

检查本教程： http://www.gethugames.in/blog/2012 /02/extended-epgltransitionview.html
这个项目： https://github.com/saiy2k/EPGLTransitionView

PS：这是我自己的博客和链接到我的 EPGLTransitionView 分支

Answer 3

这是我如何尝试解决该问题的一个概念。也许我会尝试在空闲时间实现它以方便使用示例。

• 启动动画的那一刻，通过将其图形上下文读入位图来制作当前 UIView 的快照
• 创建三个（是的，三个 - 请耐心等待） UIView 的大小，以便它们弥补要翻转的视图的两半，右半部分的区域有两个视图
• 在左视图上绘制位图的一半（第一个），在右视图上绘制右半部分（第二个）一个），在各自的drawRect: 实现
• 隐藏原始视图
• 创建我们想要转换的下一个视图，以
• 将其内容转换为位图，并
• 隐藏下一个视图
• 让第三个临时 UIView 绘制图像的右半部分（< em>第三个​​）
• 将第三个​​放置在第二个下方，
• 将第二个沿其左侧翻转的一半进行动画处理边缘
• 使第二个显示左半边下一个视图
• 制作其余的翻转动画
• 完成转换后，显示下一个视图，隐藏所有临时视图
• Et voilla！ 至少我希望如此。

我认为您可以使用一个带有三个 CALayer 的 UIView，而不是这三个 UIView。

并且存在一个以交互方式进行转换的问题，即用户在页面上滑动手指。

我还认为存在双面层的翻转视图问题。还没有机会体验这些属性以及它们可以帮助实现的目标。

另一种解决方案是从 UIView 的内容创建纹理，并在其上放置一个 OpenGL 表面（当然是基于 alpha 透明的 CAEAGLLayer 的表面）。然后，您将如何处理带有该图像纹理的三角形，仅受您的想象力的限制。我想这也将允许创建 Mail iOS 应用程序使用的类似精灵的移动到垃圾箱的动画。

编辑：哦，抱歉，我正在考虑从右到左的翻转板式翻转，而不是从上到下，但总体思路当然是相同的。