Android Studio 中的 Motion Editor 用法详解

作者 / Scott Swarthout

在同 Android 开发者社区交流之中，我们深知动画效果的加入对于 UI 来说至关重要，它可以让 UI 看起来更加直观，同时还利于用户理解其所要表达的意图。但是，开发者们在 Android 应用中添加复杂的动画效果却有着较大的工作量。为了解决这一问题，我们使用 Motion Layout 构建了一组功能强大的 API，并为之提供了 Motion Editor 工具，组合使用时可以轻松构建出像素级别完美的动画效果。

 

本文会带您快速了解新的 Motion Editor 工具，以及如何在开发过程中使用其最新功能。此外，我们还专门制作了一系列视频来指导您关于包含 Motion Layout 在内的一系列 API 的知识。

 

• 观看视频: Motion Tags Ep1 - MotionLayout + MotionScene

  https://v.youku.com/v_show/id_XNDc5ODk1MDU5Ng==.html

Motion Editor 是一款专门针对 MotionLayout 布局类型所构建的可视化编辑器，通过它可以轻松地创建和预览动画效果。自 Android Studio 4.0 版本开始，我们发布了稳定版本的 Motion Editor，许多开发者已经在使用它创建动画效果。

Motion Editor 中运行的动画

Motion Editor 是 Android Studio Layout Editor (布局编辑器) 的一个扩展，当您在一个包含 MotionLayout 的 XML 文件中选择 Design 或 Split 视图时，会自动打开 Motion Editor。您可以使用已在布局编辑器中所熟知的交互方式来编辑布局和 Motion Scene 文件，并可以直接在 Android Studio 预览界面中对动画效果进行预览。

Motion Editor

Motion Editor 的界面由几个操作面板构成，我们将会在本文进行一一介绍。最主要的几块区域有: Overview (概览) 面板，Selection (选择) 面板，Attribute (属性) 面板和 Preview (预览) 面板。