Flipboard 风格翻页动画

Question

我正在尝试使用 Core Animation 编写一个相当简单的动画来模拟打开的书皮。书的封面是一张图片，我正在将动画应用到它的图层对象。

除了围绕 y 轴（屏幕左侧的 anchorPoint 属性集）设置动画外，我还需要放大图像的右侧边缘，使其看起来“更接近”用户并创造深度的错觉。例如，Flipboard 的缩放效果非常好。

我找不到任何像这样缩放图像的方法，所以只缩放了一个边缘并且图像最终变成了非矩形。

感谢所有帮助！

Answer 1

CoreAnimation 默认情况下，将其 3D 层次结构“扁平化”为 z=0 处的 2D 世界。这会导致透视等无法正常工作。您需要在 CATransformLayer 中托管您的图层，这会将其子图层呈现为真正的 3D 图层层次结构。