ios - 如何制作这个动画？即。连接共享元素

Question

有这么棒ui guide它显示了一些很酷的 UI 转换。

我想知道如何制作这个动画(很棒的动画)。

我知道如何做好事。我也取得了一些成功(通过拍摄下一个 viewcontroller 的快照并在 animateTransition(using transitionContext: UIViewControllerContextTransitioning) 中展开它)。

但是我不知道伟大的人如何插入它是双方的adjeent观点。

我想知道如何做到这一点(推出)。我不需要代码。只是一般指南就可以了。

编辑:我最终实现了 Kubba的想法。

trungduc动画 tableview 单元格高度的想法有一些缺点。转换前后单元格位置不正确。此外，将 viewcontroller 框架的动画与 tableview 单元格高度同步被证明是徒劳的。尽管如此，它仍然是一个很好的解决方案，尽管可能针对的是一个略有不同的问题。

Project

Answer 1

我会尝试这样的事情:

• 为当前 Controller 拍一张快照
• 从中提取两部分:(1) 从卡片顶部到屏幕顶部，以及 (2) 从卡片底部到屏幕底部
• 把它们放在它们应该在的地方
• 将 (1) 移动到顶部，(2) 移动到底部以及您当前的过渡

另一个想法，可能更容易实现:你可以在扩展卡中间将快照分成两部分，但我不确定动画会如何表现