使用 Motion Editor 创建动画

Android Studio 包含用于 MotionLayout 布局类型的可视化设计编辑器,使创建和预览动画变得更加容易。

Motion Editor 提供了一个简单的界面,用于操作 MotionLayout 库中的元素,该库是 Android 应用程序中动画的基础。没有 Android Studio,创建和更改这些元素需要手动在 XML 资源文件中编辑约束。但是,Motion Editor 可以为您生成此 XML,并支持开始状态和结束状态、关键帧、过渡和时间线。

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

  1. 创建 ConstraintLayout.
  2. 右键单击布局编辑器中的预览。
  3. 单击 **转换为 MotionLayout**,如下所示。

Android Studio 将您的 ConstraintLayout 转换为 MotionLayout 后,还会将 Motion Scene 文件(一个以 _scene 作为您的布局文件名后缀的 .xml 文件)添加到包含您的 XML 的目录中。

然后,MotionLayout 成为您的根布局,它会出现在 Motion 编辑器 UI 中。该布局已经包含一个开始 ConstraintSet、一个结束 ConstraintSet,以及一个从开始到结束的过渡。

您可以使用概述图形来选择 ConstraintSetTransition,并选择选择面板上的组件。

然后,您可以像编辑 ConstraintLayout 一样编辑开始或结束 ConstraintSet 的约束和属性。

如果您想为图形构建更多元素,可以使用创建图标快速添加 ConstraintSetTransitionOnClick/OnSwipe 手势。

要添加关键帧,首先单击 **过渡** 箭头。

然后,在 **过渡** 时间轴窗格中,单击右上角并选择 **关键位置**。

此操作将打开一个对话框,您可以在其中设置关键帧的属性。

您也可以在属性面板中将 OnClickOnSwipe 处理程序添加到过渡中。

此操作将打开一个对话框,您可以在其中设置单击的属性,例如目标组件和拖动方向。

Motion 编辑器支持在设计表面预览动画。当选中动画时,单击时间轴上方的 **播放** 以预览动画。