iOS iBooks喜欢商店动画

Question

有人知道苹果是如何在iBooks应用程序中过渡到商店的吗？我知道他们正在使用带有UIModalTransitionStyleFlipHorizontal转换样式集的Modal View，但我不知道他们在进行转换时如何显示“书柜”的“深度”。

Answer 1

我假设动画是这样的：

1. --“快照”图像是对书架的拍摄，并设置为CALayer的内容。
2. 书架视图从其superview中移除。
3. 新创建的具有书架图像的CALayer (书架层)被添加到一些现有的(或新创建的) UIView
4. 的层中，创建另一层(侧层)，并将书架侧面的图像用作其内容。该层被添加到UIView中，侧层位于书架层的右侧边缘。

，

1. ，侧边层的变换被设置为旋转它，沿y轴旋转.这在本质上使其不可见，因为它垂直于设备屏幕
2. ，书架和侧层都添加了一个动画，将每一层的M_PI_2旋转围绕y轴进行转换。在这个动画结束时，书架将垂直于设备屏幕和侧面层将完全在视图中。
3. 创建新层(存储层)，并将存储的快照映像作为新层的内容添加到存储中，并对其进行转换和定位，以便在何时正确显示。。。

，

1. ，侧层和存储层都添加了一个动画，它转换每个M_PI_2围绕y轴旋转。
2. 所有的层都被删除，存储UIView被显示。

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