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