如何在 Jetpack Compose 上使用 Material Motion 实现容器变换

Question

我有FirstPage，其中有一个FloatingActionButton。当用户单击它时，我需要显示 SecondPage （例如通过 NavigationComponent）。此功能的共谋 - 是我需要为其预览设置动画，如下方案所示：

我了解 Material Motion (https://m2.material.io/develop/android/theming/motion#container-transform)，因为它可以为容器设置动画，但它仅适用于普通的旧片段和视图，不适用于 Compose。有没有办法在 Compose 上做类似的事情？

Answer 1

不幸的是，Google 没有任何更新，何时可以使用 Compose 的 NavigationComponent 的“开箱即用”功能。现在，当我看到对这个主题有兴趣时，我发表了一篇文章，其中提供了一些自定义解决方案（不是理想的解决方案，但很好开始）

https://proandroiddev.com/container-transform-animation-98e5e74a15c9

Answer 2

这个问题已经过去一年多了，但也许有人会找到它并看到这个答案。苏 谷歌已经添加了这种可能性。这是文档的链接：https://developer.android.com/develop/ui/compose/animation/shared-elements。

这里还有一个视频教程的链接：https://www.youtube.com/watch?v=mE5bLb42_Os