带透明UIImageView的页面翻页动画 (iOS)

Question

我有一个书签（ribbon）想要向上卷起，离开屏幕。这个书签底部有一个V形的透明区域 - 一个带有透明png的UIImageView。

当我对书签进行卷曲时，底部的阴影代表整个视图（从技术上讲是正方形）。我试图尽可能地使其看起来真实，如果有人能指点我正确的方向，那将会很有帮助。

我已经尝试过： - 对视图进行遮罩 - 调整开源页面卷曲框架 - 在页面卷曲期间替换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

- remotevision

Answer 1

我认为使用UIViewAnimationOptionTransitionCurlUp不可能实现这一点。视图动画是基于整个视图边界而不是视图内容的。

我认为你需要在OpenGL或预渲染翻转动画中自己编写代码，或者使用其他方法。有许多现有的OpenGL解决方案可以下载和自定义。

- Jeshua Lacock