ios - 带有透明 UIImageView (iOS) 的页面 curl 动画

Question

我有一条丝带(书签)，我想将它卷起来，离开屏幕。丝带底部有一个 V 形切口，这是一个透明部分 - 带有透明 png 的 UIImageView。

当我在功能区上执行 curl 时，下面的阴影代表整个 View (技术上是方形的)。我试图让这看起来尽可能真实，所以如果有人能指出我正确的方向，那将会很有帮助。

我试过了 - 屏蔽 View - 调整开源页面 curl 框架 - 在页面 curl 期间替换 viewAtIndex - UIView 动画

但它们都会产生方形阴影。

到目前为止，我能提供的最佳体验是一个简单的 UIView 动画，同时淡出:

[UIView transitionWithView:_ribbonButton
                       duration:0.5f 
                        options:UIViewAnimationOptionTransitionCurlUp
                     animations:^{
                         [_ribbonButton setAlpha:0.0f];
                     } 
                     completion:^(BOOL completed){
                         [self animationCompleted:completed];
                     }];    

这是一个截图:http://livevision.us/wordpress/?attachment_id=60

Answer 1

我认为使用 UIViewAnimationOptionTransitionCurlUp 不可能做到这一点。 View 动画基于整个 View 边界，而不是 View 的内容。

我认为您必须自己在 OpenGL 或预渲染的翻转动画或其他东西中编写一些代码。您可以使用许多现有的 OpenGL 解决方案 download并自定义。