2、 生成MotionLayout
布局后会报红,提示创建MotionScene.xml
文件。
3、选择创建后,会在res/xml
文件夹下生成activity_motion_scene.xml
文件。内容:
此时在activity_motion.xml
布局文件中的MotionLayout
标签会多一个layoutDescription="@xml/activity_motion_scene"
属性,但Android Studio还是缺少layoutDescription
属性的错误,需要手动添加上命名空间。
<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”>
</androidx.constraintlayout.motion.widget.MotionLayout>
欧力给,已经学会创建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"
属性,用来显示正方形运动的路径。
<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
,不然是看不到正方形的。
- 到这一步,
Transition
标签已经拥有开始和结束状态了,就差触发动画开始的操作了。给Transition
标签增加onClick
子标签,表示点击触发动画。onClick
标签增加clickAction
属性,值为toggle
,表示重复点击时,动画循环效果;增加targetId
属性,值为@id/vStartStatus
,表示点击正方形视图触发过渡动画。
此时activity_motion_scene.xml
看起来是这样子的。
效果图
OK,看到这里,你应该可以创建个类似的MotionLayout动画。还不行的话,需要回头再看看。
下面讲介绍一些标签的属性与效果。
标签与属性
Transition标签
Transition
标签主要用来指定Motion场景中一个或多个动画。即关联到动画对应的各种状态和用户交互动作。和过渡动画是大同小异的。
常用属性:
constraintSetStart
:指定动画初始状态;
constraintSetEnd
:指定动画结束状态;
duration
:指定动画时长;
autoTransiton
:是否自动开启动画。取值有:animateToStart
过渡到初始状态、animateToEnd
过渡到结束状态、jumpToEnd
跳到结束状态、jumpToStart
跳到初始状态、none
不开始状态。默认情况下是none
,当设为其他值时,不用和用户交互即自动开启动画。
motionInterpolator
:插值器。取值有:linear
线性、bounce
弹簧、easeIn
淡入、easeOut
淡出、easeInOut
淡入淡出;
transitionDisable
:允许动画功能。取值:false
和true
;
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
最后
文末放一个小福利给大家,点击我的GitHub即可领取
群内有许多技术大牛,有任何问题,欢迎广大网友一起来交流,群内还不定期免费分享高阶Android学习视频资料和面试资料包~
偷偷说一句:群里高手如云,欢迎大家加群和大佬们一起交流讨论啊!
利给大家,点击我的GitHub即可领取**
群内有许多技术大牛,有任何问题,欢迎广大网友一起来交流,群内还不定期免费分享高阶Android学习视频资料和面试资料包~
偷偷说一句:群里高手如云,欢迎大家加群和大佬们一起交流讨论啊!
[外链图片转存中…(img-oucVTLQF-1710497882962)]