Android Studio属性动画,使用 Motion Editor 构建动画

Android Studio 包含一个适用于 MotionLayout 布局类型的视觉设计编辑器，可让您更轻松地创建和预览动画。

Motion Editor 提供了一个简单的界面来操控 MotionLayout 库中的元素，该库是 Android 应用中动画的基础。如果没有 Android Studio，创建和更改这些元素需要手动修改 XML 资源文件中的约束。不过，Motion Editor 支持开始状态和结束状态、关键帧、转换和时间轴，可以为您生成此 XML 文件。

注意：在使用 Motion Editor 之前，请务必在 build.gradle 文件中将 ConstraintLayout 依赖项设置为版本 2.0.0-beta3，如 MotionLayout 参考文档中所述。

要开始使用 Motion Editor，请执行以下操作：

右键点击 Layout Editor 中的预览区域。

点击 Convert to MotionLayout，如下所示。

Android Studio 将 ConstraintLayout 转换为 MotionLayout 后，一个 Motion Scene 文件(在布局文件名中附加了 _scene 的 .xml 文件)添加到包含您的 XML 文件的目录中。

MotionLayout 随后成为您的根布局，并且它会出现在 Motion Editor 界面中。布局已包含开始 ConstraintSet、结束 ConstraintSet 以及从开始到结束的转换。

您可以使用概览图来选择 ConstraintSet 或 Transition 并在选择面板中选择组件。

然后，您可以修改开始或结束 ConstraintSet 的约束条件和属性，修改方式与修改 ConstraintLayout 一样。

如果您要在图中构建更多元素，可以使用创建图标来快速添加 ConstraintSet、Transition 或 OnClick/OnSwipe 手势。

要添加关键帧，请先点击 Transition 箭头：

然后，在 Transition 时间轴窗格中，点击右上角并选择 KeyPosition：

此操作会打开一个对话框，您可以从中设置关键帧的属性。

您还可以在属性面板中向转换添加 OnClick 和 OnSwipe 处理程序。

此操作会打开一个对话框，您可以从中设置点击操作的属性，如目标组件和拖动方向。

Motion Editor 支持在设计图面上预览动画。选择动画后，点击时间轴上方的 Play 图标

即可预览动画。