iOS iBooks就像商店动画一样

Question

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

Answer 1

我自己还没试过，但是这个链接似乎回答了你的问题。

http://programmingdays.blogspot.com/2011/07/ibooks-flip-animation.html

Answer 2

我认为动画的工作原理如下：

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

我对iBooks应用程序没有任何内部知识，但如果我试图复制这个效果，我就是这样做的。 FWIW，一旦你掌握了定位和改造CALayers的意义，就可以轻松搞砸这样的动画。