Android MotionLayout动画：续写ConstraintLayout新篇章

欧力给，已经学会创建MotionLayout,但好像没什么卵用。我们来看看刚刚自动生成的activity_motion_scene.xml文件。

【划重点】根标签MotionScene有一个defaultDuration属性，表示所有未指定时间的动画的默认时间，默认为300毫秒。MotionScene根标签 必须包含Transition标签，可以有多个Transition标签。Transition标签是用来指定动画的开始和结束状态、任何中间状态以及触发动画的动作，可以理解为一个Transition标签对应一个动画。同时，MotionScene标签可以包含TransitionSet标签，这是可选的。TransitionSet标签主要为Transition标签提供起始和结束状态的位置和属性。而TransitionSet标签必须包含一个或多个Constraint子标签。Constraint标签用来定义布局中某个View在动画中某个状态下位置（通过ConstraintLayout的相关属性来约束）。

充分理解上段话的内容，下面通过实战加深理解：

1、在activity_motion.xml布局文件增加一个id 为vStartStatus的正方形View。并在根标签MotionLayout添加showPaths="true"属性，用来显示正方形运动的路径。

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.motion.widget.MotionLayout xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:app=“http://schemas.android.com/apk/res-auto”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
app:layoutDescription=“@xml/activity_motion_scene”
app:showPaths=“true”>

</androidx.constraintlayout.motion.widget.MotionLayout>

2.将activity_motion_scene.xml文件中Constraint标签的id值修改成正方形的id，即vStartStatus。Constraint标签的id属性值需要与要起动画效果的View的id保持一致，这样Constraint标签的所有属性都会作用于该View。Constraint标签的属性与ConstraintLayout的属性是一致的，为此，给正方形开始状态增加一些属性，使其位置水平居中，距离顶部50dp。

因为id为start的ConstraintSet标签关联到Transition标签的constraintSetStart属性，所以它作为动画（目前只有一个动画）的起始状态。而id为end的ConstraintSet标签关联到Transition标签的constraintSetEnd属性，所以它将作为动画的结束状态。结束状态我们将正方形设置水平居中，距离底部50dp。

设置Constraint标签时记得设置layout_width与layout_height，不然是看不到正方形的。

3. 到这一步，Transition标签已经拥有开始和结束状态了，就差触发动画开始的操作了。给Transition标签增加onClick子标签，表示点击触发动画。onClick标签增加clickAction属性，值为toggle,表示重复点击时，动画循环效果；增加targetId属性，值为@id/vStartStatus,表示点击正方形视图触发过渡动画。

此时activity_motion_scene.xml看起来是这样子的。

<?xml version="1.0" encoding="utf-8"?>

效果图

OK,看到这里，你应该可以创建个类似的MotionLayout动画。还不行的话，需要回头再看看。

下面讲介绍一些标签的属性与效果。

标签与属性

Transition标签

Transition标签主要用来指定Motion场景中一个或多个动画。即关联到动画对应的各种状态和用户交互动作。和过渡动画是大同小异的。

常用属性：

constraintSetStart:指定动画初始状态；

constraintSetEnd:指定动画结束状态；

duration:指定动画时长；

autoTransiton:是否自动开启动画。取值有：animateToStart过渡到初始状态、animateToEnd过渡到结束状态、jumpToEnd跳到结束状态、jumpToStart跳到初始状态、none不开始状态。默认情况下是none,当设为其他值时，不用和用户交互即自动开启动画。

motionInterpolator:插值器。取值有：linear线性、bounce弹簧、easeIn淡入、easeOut淡出、easeInOut淡入淡出;

transitionDisable：允许动画功能。取值：false和true；

layoutDuringTransition:动画过程中，MotionLayout子View调用reqeustLayout，是否做出响应。取值honorRequest响应、ignoreRequest忽略；(beta 4)

1、用户交互的子标签

Transition标签通过一些子标签，实现与用户交互的行为。例如上文的OnClick子标签表示用户的点击行为。

• OnClick标签：点击场景中某个视图，开始动画效果。

• OnSwipe标签：表示在布局上滑动时要执行的操作。由于个人能力有限，一些属性不能准备表达。

2、关键帧子标签

在上文中，默认情况下过渡动画Transition标签会关联一个开始状态和一个结束状态的TransitionSet标签。但我们知道Transition标签不仅可以创建初始状态和结束状态，还可以创建中间状态。这些中间状态则由关键帧来构成，以实现更复杂的动画效果。

KeyFrameSet标签：用来指定某个中间状态的位置和属性。其实和过渡动画的关键帧是一样的概念。KeyFrameSet标签含有KeyPosition和KeyAttribute两个子标签，这些共同构成过渡动画过程中某特殊状态的位置和属性。

位置关键帧

KeyPosition标签： 用来定义整个运动动画中某个状态的位置，相比于静态的TransitionSet标签来说，更加灵活。

重点属性解释：

framePosition：当前关键帧的位置，把整个运动动画分成100个位置，取值0到99，那么初始状态的位置就是0，结束状态就是99。

---

keyPositionType:参考坐标系的选择，决定了percentX和percentY属性取值的结果。

取值:parentRelative表示坐标系基于父视图。例如在开头的demo，加上下面的关键帧：

代码定义了运动动画过程的中间位置framePosition="50",参考系选择了相对父视图坐标keyPositionType="parentRelative"。由于父视图是全屏，所以坐标系原点在屏幕的左上角，percentY="0.5"和percentX="0.25"则表示正方形在父视图高度的1/2，宽度1/4的位置。

效果图

将keyPositionType属性改为deltaRelative,即坐标系选择参照整个过渡动画的位置，那么起始状态的位置就是原点（0,0），结束状态的位置就是终点（1,1）。 这里由于原点和终点在x轴上的距离是0，所以percentX="0.25"是没有效果的。

效果图：

将keyPositionType属性改为pathRelative,即坐标系选择参照整个运动路径，即起始和终点的直线距离构成X轴，此时y轴就有正负之分，表示在X轴的左边还是右边。x轴和y轴的长度都是等于路径的长度。

例如代码如下：

效果图：

代码如下,percentY改为-1：

效果图：

---

percentWidth和percentHeight属性表示视图自身大小，如果整个动画过程中，视图大小不存在变化，是没有效果的。例如文章开始的demo就是没有效果的，可以将正方形在起始状态和结束状态的大小改为不一致，就可以看到效果。percentWidth和percentHeight属性会导致sizePercent属性失效。

属性关键帧

KeyAttribute相对于位置关键帧，属性关键帧更注重的是属性，而不是某位置。例如常见的位移、旋转动画。 属性有：

• framePosition 关键帧位置
• motionTarget 关联视图Id
• transitionEasing 动画速度
• curveFit 选择基于直线的路径或基于单一速率的路径
• motionProgress 设置动画进度
• android:alpha 透明度
• android:elevation 阴影，注意SDK版本
• android:rotation 旋转
• android:rotationX 绕X轴旋转
• "android:rotationY" 绕Y轴旋转
  自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

结语

看到这篇文章的人不知道有多少是和我一样的Android程序员。

35岁，这是我们这个行业普遍的失业高发阶段，这种情况下如果还不提升自己的技能，进阶发展，我想，很可能就是本行业的职业生涯的终点了。

我们要有危机意识，切莫等到一切都成定局时才开始追悔莫及。只要有规划的，有系统地学习，进阶提升自己并不难，给自己多充一点电，你才能走的更远。

千里之行始于足下。这是上小学时，那种一元钱一个的日记本上每一页下面都印刷有的一句话，当时只觉得这句话很短，后来渐渐长大才慢慢明白这句话的真正的含义。

有了学习的想法就赶快行动起来吧，不要被其他的事情牵绊住了前行的脚步。不要等到裁员时才开始担忧，不要等到面试前一晚才开始紧张，不要等到35岁甚至更晚才开始想起来要学习要进阶。

给大家一份系统的Android学习进阶资料，希望这份资料可以给大家提供帮助。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

句话很短，后来渐渐长大才慢慢明白这句话的真正的含义。

有了学习的想法就赶快行动起来吧，不要被其他的事情牵绊住了前行的脚步。不要等到裁员时才开始担忧，不要等到面试前一晚才开始紧张，不要等到35岁甚至更晚才开始想起来要学习要进阶。

给大家一份系统的Android学习进阶资料，希望这份资料可以给大家提供帮助。
[外链图片转存中…(img-RjYE17Gu-1711753843117)]

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！