ios4 - iOS iBooks 类似商店动画

Question

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

Answer 1

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

拍摄了一张“快照”图像
书架和设置的内容
一个CALayer。

书架 View 是
从其 super View 中删除。

新创建的CALayer(书架
层)与图像的
书架被添加到图层
一些现有的(或新创建的)
UIView

另一层(侧面
层)被创建和图像
书架的一侧用作
它的内容。添加了这一层
到 UIView 的侧层是
位于右边缘
书架层。

侧层的
transform 设置为旋转它 M_PI_2
关于 y 轴的弧度。这
本质上使它不可见，因为它
垂直于设备
屏幕

书架和侧层
有一个动画添加到他们
用 M_PI_2 转换每个
绕 y 轴旋转。在
这部动画的结尾，
书架将垂直于
设备屏幕和侧层
将完全在视野中。

创建一个新层(商店层)，并将商店的快照图像添加为新层的内容，对其进行转换和定位，以便在 时正确显示。 . .

侧层和存储层添加了一个动画，该动画通过围绕 y 轴的 M_PI_2 旋转进行变换。

所有的层都被移除了，商店的 UIView 被显示出来了。

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