Android Studio 中的 Motion Editor 用法详解-低调大师

Android Studio 中的 Motion Editor 用法详解

2020-12-06 623

作者 / Scott Swarthout

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

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

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

Motion Editor 包含四大面板

Overview 面板

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

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

Selection 面板

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

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

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

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

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

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

选中 Overview 面板中 ConstraintSet 时的模式

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

选择包含在 ConstraintSet 中的组件

选中 Overview 面板中 Transition 时的模式

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

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

关键帧

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

在 Selection 面板中创建关键帧

Attribute 面板

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

在 Attribute 面板中预览 Constraint 可视化效果

当您想对某个视图属性上添加动画效果时，而该属性却不属于 ConstraintLayout 或者 MotionLayout API (比如背景色) 时，可以在 Attribute 面板中创建自定义属性。我们还为自定义视图属性添加了自动填充和输入验证的功能，方便您的操作。

Preview 面板

Preview 面板的加入使得在处理动画效果时，能够实现快速编辑并立即获取反馈，当您对动画进行细微调整之后，不用再去重新编译和部署，也能直接预览最终的动画效果。

我们还为 Preview 面板中添加了一些新的特性，让开发者们更容易理解所创建的动画是如何工作的。您可以使用 Design 视图和 Blueprint 视图预览动画，在没有很多视觉干扰的情况下更清晰地了解视图是如何移动的。

我们还为视图在屏幕上的路径添加了可视化的功能，包括关键帧的标记。我们希望这些功能能够让编译器更容易解析复杂的过渡效果，并简化创建体验。

Motion Editor 已在 Android Studio 4.0 中推出，欢迎大家使用并给予我们反馈。我们非常渴望看到社区使用 MotionLayout 和 Motion Editor 来构建产品。Android Studio 团队也会不断地收集反馈以改善其使用体验。有任何想法或遇到任何问题，欢迎提交反馈。

如果您想了解更多本文中使用的代码以及其他几个 MotionLayout 的示例，如果您想了解更多关于 MotionLayout 的内容，请查阅以下资源:

微信关注我们

原文链接：https://my.oschina.net/androiddevs/blog/4777011

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Hadoop和spark为什么要对key进行排序

1.思考只要对hadoop中mapreduce的原理清楚的都熟知下面的整个流程运行原理，其中涉及到至少三次排序，分别是溢写快速排序，溢写归并排序，reduce拉取归并排序，而且排序是默认的，即天然排序的，那么为什么要这么做的，设计原因是什么。先给个结论，为了整体更稳定，输出满足多数需求，前者体现在不是采用hashShuffle而是sortShuffle ,后者体现在预计算，要知道排序后的数据，在后续数据使用时的会方便很多，比如体现索引的地方,如reduce拉取数据时候。 2.MapReduce原理分析在分析设计原因之前，先理解一下整个过程，在map阶段，根据预先定义的partition规则进行分区，map首先将输出写到缓存中，当缓存内容达到阈值时，将结果spill到硬盘，每一次spill都会在硬盘产生一个spill文件，因此一个map task可能会产生多个spill文件，其中在每次spill的时候会对key进行排序。接下来进入shuffle阶段，当map写出最后一个输出，需要在map端进行一次merge操作，按照partition和partition内的key进行归并排序（合并+...

2020-12-06

465

GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题，你的内心充满了自信和喜悦。添加描述你轻轻松松的给出了一个“标准答案”： GET在浏览器回退时是无害的，而POST会再次提交请求。 GET产生的URL地址可以被Bookmark，而POST不可以。 GET请求会被浏览器主动cache，而POST不会，除非手动设置。 GET请求只能进行url编码，而POST支持多种编码方式。 GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。 GET请求在URL中传送的参数是有长度限制的，而POST么有。对参数的数据类型，GET只接受ASCII字符，而POST没有限制。 GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。 GET参数通过URL传递，POST放在Re...

2020-12-06

494

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。