iOS iBooks 类似商店动画

Posted 2023-02-23

【中文标题】iOS iBooks 类似商店动画

【英文标题】：iOS iBooks like store animation

【发布时间】：2011-01-18 14:42:04

【问题描述】：

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

【问题讨论】：

我也想知道他们是怎么做到的。我最好的猜测是涉及到某种 OpenGL。

【参考方案1】：

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

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

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