MotionLayout 的使用

一、概述

MotionLayout 是 ConstraintLayout 的子类。

每个 MotionLayout 需引用一个 MotionScene,其中包含相应布局的所有运动描述。

MotionLayout:布局信息
MotionLayout 的使用

MotionScene:运动描述
MotionLayout 的使用

二、设置项

2.1 MotionScene 设置项

2.1.1 基础项

<Transition> 包含运动的基本定义。

  • motion:constraintSetStartmotion:constraintSetEnd 指运动的起终点
  • motion:duration 指运动所需的毫秒数

<OnSwipe> 包含运动行为的定义。

  • motion:touchAnchorId 指要拖动的 View

  • motion:touchAnchorSide 指要拖动的 View 的哪一条边(上下左右)

  • motion:dragDirection 指可以拖动的方向

    touchAnchorSidedrugDirection 的关系:

    起点的「side 中点」和终点的「side 中点」组成的向量中,有 direction 方向的向量,才可以 dragDirection,拖动的距离就是该方向上向量的长度。

    如果 side 无变化,会在起始点间跳动。
    如果 view 只是颜色变化,上下左右都没变化,那不会有动画,会在起终点间跳动。

<ConstraintSet> 描述运动起终点的各种约束条件。

2.1.2 可配置属性

在 ConstraintSet 中,可配置的属性包括:

  • 位置
  • 边界
  • alpha
  • visibility
  • elevation
  • rotation、rotationX、rotationY
  • translationX、translationY、translationZ
  • scaleX、scaleY

也可以使用自定义属性:
自定义属性要在 ConstraintSet 中插入 ,并在其中声明:

  • motion:attributeName(属性需要在类中提供相应的 get、set 方法)
  • motion:customColorValue(或 Integer、Float、String、Dimension、Boolean)

2.2 MotionLayout 设置项

app:applyMotionScene="boolean" 是否应用 motionScene

app:showPaths="boolean" 是否显示运动路径

app:progress="float" 指定当前进度

app:currentState="reference" 指定当前 ConstraintSet

app:motionDebug="SHOW_PROGRESS/SHOW_PATH/SHOW_ALL" 用于显示调试信息