iOS iBooks 类似商店动画

Question

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

Answer 1

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

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

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