android - 如何在 jetpack compose 中使用 MotionLayout、MotionScene、ConstraintSet？

Question

我正在尝试在 jetpack compose 中实现类似这个动画的东西，从我的眼睛一直到这一点让我认为我应该使用MotionLayout, ConstraintSet，MotionScene但是文档很差，我没有得到太多。

谁能指出一些例子或更好的文档？

Answer 1

我们还没有对 ConstraintLayoutCompose（包含 MotionLayout 的库）进行文档推送，因为 ConstrainLayoutCompose 1.0 尚未发布。

ConstrainLayoutCompose 将包含 Compose 的 MotionLayouts 功能的有限子集。

• 语法可以在这里找到。
• 一些工作示例可以在 这里找到

如果您的动画需求很简单，您也可以考虑 Compose “native” Animations。（谷歌“创作动画”）

明年我们将继续填写所有 MotionLayout 功能。

MotionLayout 基于 ConstraintLayout，因此您也应该熟悉 ConstraintLayout。

MotionLayout 的一般原理是相同的，因此来自经典视图的所有概览信息都适用。诸如以下的概念：

ConstraintSet 转换 keyPosition KeyCycle

它使用新的json5 语法