ios - iOS 中的 Instagram Stories 多维数据集转换是如何完成的？

Question

在 Instagram 的新功能“故事”中的故事之间滑动时(你知道从一个故事到另一个故事时的立方体式过渡)我无法理解他们是如何做到的!

首先，如果您深入研究该功能，您会发现它的工作方式与 UIPageViewControllers 转换完全一样:

- 从一个 View 快速滑动到另一个 View 时会反弹。
- 您可以通过触摸屏幕在过渡过程中暂停滑动。

开发团队不可能使用基于更广为人知的解决方法的解决方案，例如:
https://www.appcoda.com/custom-view-controller-transitions-tutorial/
因为据我所知，除了 PageViewController 之外，我上面的两个陈述不可能实现。

这让我想到 Instagram 开发团队获得了 PageViewController 的新过渡样式(也称为 Cube-scroll)，或者这是我不知道的解决方法？

有什么想法吗？

Answer 1

不久前，我尝试重新创建此功能。您可以在 GitHub 上查看源代码:https://github.com/oyvind-hauge/OHCubeView

我正在使用 ScrollView (启用了分页)，并且对于每个 subview ，我都将它们作为给定 View 在 ScrollView 中的当前 x 偏移量的函数进行操作。实际动画是使用 Core Animation 在每个 subview 的层上完成的(更具体地说，使用方法 CATransform3DIdentity 转换单位矩阵，由 CATransform3DRotate 给出)。

阴影效果也应用于 subview 的层 (view.layer.opacity)，阴影量由屏幕上显示的 View 量决定。

我的实现解决了您的两个问题(滑动时弹跳，可以暂停滑动)。我确信这也可以使用 UIPageViewController 实现，但我讨厌使用它们。