ios4 - iOS iBooks 类似商店动画

Question

有谁知道 Apple 如何在 iBooks 应用程序中过渡到商店？我知道他们正在使用带有 UIModalTransitionStyleFlipHorizo​​ntal 转换样式集的模态视图控制器，但我看不到他们在进行转换时如何显示“书柜”的“深度”。

Answer 1

我假设动画是这样工作的：

1. 对书架拍摄“快照”图像并将其设置为 CALayer 的内容。
2. 书架视图从其超级视图中移除。
3. 新创建的带有书架图像的CALayer（书架层）被添加到一些现有的（或新创建的）UIView的层中
4. 创建另一层（侧层），并使用书架侧面的图像作为其内容。该层添加到 UIView 侧层，位于书架层的右边缘。
5. 侧层的变换设置为围绕 y 轴旋转 M_PI_2 弧度。这基本上使它不可见，因为它垂直于设备屏幕
6. 书架层和侧层添加了一个动画，每个层都通过围绕 y 轴的 M_PI_2 旋转进行变换。在这个动画结束时，书架将垂直于设备屏幕，侧面层将完全可见。
7. 创建一个新层（商店层），并将商店的快照图像添加为新层的内容，对其进行转换和定位，以便在 时正确显示。. .
8. 侧层和存储层添加了一个动画，该动画通过围绕 y 轴的 M_PI_2 旋转进行变换。
9. 所有的层都被移除了，商店的 UIView 被显示出来了。

我对 iBooks 应用程序没有任何内部知识，但如果我试图复制这种效果，我会这样做。FWIW，一旦你掌握了定位和转换 CALayers 的窍门，摆弄这样的动画会很有趣。