Android Studio 包含用于 MotionLayout 布局类型的可视化设计编辑器,使创建和预览动画变得更加容易。
Motion Editor 提供了一个简单的界面,用于操作 MotionLayout 库中的元素,该库是 Android 应用程序中动画的基础。没有 Android Studio,创建和更改这些元素需要手动在 XML 资源文件中编辑约束。但是,Motion Editor 可以为您生成此 XML,并支持开始状态和结束状态、关键帧、过渡和时间线。
要开始使用 Motion Editor,请执行以下操作
- 创建 ConstraintLayout.
- 右键单击布局编辑器中的预览。
- 单击 **转换为 MotionLayout**,如下所示。
Android Studio 将您的 ConstraintLayout 转换为 MotionLayout 后,还会将 Motion Scene 文件(一个以 _scene
作为您的布局文件名后缀的 .xml
文件)添加到包含您的 XML 的目录中。
然后,MotionLayout
成为您的根布局,它会出现在 Motion 编辑器 UI 中。该布局已经包含一个开始 ConstraintSet
、一个结束 ConstraintSet
,以及一个从开始到结束的过渡。
您可以使用概述图形来选择 ConstraintSet
或 Transition
,并选择选择面板上的组件。
然后,您可以像编辑 ConstraintLayout
一样编辑开始或结束 ConstraintSet
的约束和属性。
如果您想为图形构建更多元素,可以使用创建图标快速添加 ConstraintSet
、Transition
或 OnClick
/OnSwipe
手势。
要添加关键帧,首先单击 **过渡** 箭头。
然后,在 **过渡** 时间轴窗格中,单击右上角并选择 **关键位置**。
此操作将打开一个对话框,您可以在其中设置关键帧的属性。
您也可以在属性面板中将 OnClick
和 OnSwipe
处理程序添加到过渡中。
此操作将打开一个对话框,您可以在其中设置单击的属性,例如目标组件和拖动方向。
Motion 编辑器支持在设计表面预览动画。当选中动画时,单击时间轴上方的 **播放** 以预览动画。