AndroidStudio中MotionEditor如何使用

Android Studio中Motion Editor如何使用，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

创新互联是一家集网站建设,乌拉特中企业网站建设,乌拉特中品牌网站建设,网站定制,乌拉特中网站建设报价,网络营销,网络优化,乌拉特中网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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

Android Studio中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 (预览) 面板。

Android Studio中Motion Editor如何使用

Motion Editor 包含四大面板

Overview 面板

MotionLayout 可以对布局的变化做动画处理，在编辑器中该动画可被指定为 ConstraintSets 中的 Transition 效果。Motion Editor 可以通过 Overview 面板将这些状态的转变可视化。要编辑 ConstraintSet 中的约束，点击 Overview 面板中相应的选项即可。

Android Studio中Motion Editor如何使用

图中的 MotionLayout Scene 中有 start 和 end 两个 ConstraintSet，它们之间有一个 Transition 效果

ConstraintSets

https://developer.android.google.cn/reference/androidx/constraintlayout/widget/ConstraintSet

Selection 面板

Selection 面板会根据 Overview 面板中的状态显示相应的控件信息，它有三种显示模式:

选中 Overview 面板中 Motion Layout 时的模式
选中 Overview 面板中 ConstraintSet 时的模式
选中 Overview 面板中 Transition 时的模式

Android Studio中Motion Editor如何使用

Selection 面板根据 Overview 面板的状态有三种模式

选中 Overview 面板中 Motion Layout 时的模式

Motion Editor 支持编辑基本的 Motion Layout。当在 Overview 面板中选中 Motion Layout 之后，您可以选择相应的组件来查看它的约束是否配置正确。

Android Studio中Motion Editor如何使用

通过 Selection 面板查看组件的约束是否配置正确

选中 Overview 面板中 ConstraintSet 时的模式当在 Overview 面板中选中 ConstraintSet 时，Selection 面板会以列表的形式列出所有组件，组件旁边的选中图标意味着该组件被当前的 ConstraintSet 所约束。

Android Studio中Motion Editor如何使用

选择包含在 ConstraintSet 中的组件

选中 Overview 面板中 Transition 时的模式

当在 Overview 面板中选择 transition 时，您可以通过动画工具栏来控制动画的播放。当选中某个动画后，点击时间轴上的 Play ▶️ 按钮，可以预览动画效果。

Android Studio中Motion Editor如何使用

在 Motion Editor 时间轴上预览动画效果

关键帧

有时您需要修改某视图在动画过程中的路径，此时便可以借助 MotionLayout 的关键帧来达到目的。我们在编辑器中集成了关键帧编辑功能，让您可以轻松对动画进行调整。您可以点击 Selection 面板右上角的图标创建一个新的关键帧，然后会打开一个对话框，在该对话框中可以为关键帧设置各种属性。若要编辑某个关键帧，您可以点击菱形 ◆ 图标来打开属性面板进行编辑。

Android Studio中Motion Editor如何使用

在 Selection 面板中创建关键帧

Attribute 面板

在 MotionLayout 中创建动画需要编辑众多视图参数，因此我们在 Motion Editor 中引入了同 Layout Editor 类似的 Attribute (属性) 面板。在 Attribute 面板中不仅可以方便对 Constraint 的可视化效果进行预览，还可以预览 Motion Scene 文件中视图的所有属性效果。

Android Studio中Motion Editor如何使用