带有透明 UIImageView (iOS) 的页面卷曲动画

Posted 2023-03-13

【中文标题】带有透明 UIImageView (iOS) 的页面卷曲动画

【英文标题】：page curl animation with transparent UIImageView (iOS)

【发布时间】：2012-01-07 04:07:08

【问题描述】：

我有一条丝带（书签），我想从屏幕上卷起来。功能区底部有一个 V 形切口，这是一个透明部分 - 一个带有透明 png 的 UIImageView。

当我在功能区上执行卷曲时，底层阴影代表整个视图（从技术上讲，它是方形的）。我试图让这看起来尽可能真实，所以如果有人能指出我正确的方向，那将很有帮助。

我试过了 - 屏蔽视图 - 调整开源页面 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

【参考方案1】：

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

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