android - 是否可以使用 MotionLayout 将不同的持续时间应用于 ConstraintSet 中的不同 Constraint？

Question

我正在尝试为登录屏幕实现一个动画，其中用户名和密码的两个 EditText 在屏幕外动画化，并以不同的持续时间返回到原始位置。如下this link !。我可以部分地制作动画。但我无法复制延迟动画类型的 Action 。我尝试使用 transition Easing 但效果并不相似。

<Transition
    motion:constraintSetStart="@id/scene_login_start"
    motion:constraintSetEnd="@id/scene_login_end"
    motion:duration="350">

    <KeyFrameSet>
        <KeyPosition
            motion:target="@id/editText_username"
            motion:keyPositionType="pathRelative"
            motion:framePosition="1"
            motion:transitionEasing="accelerate" />

        <KeyPosition
                motion:target="@id/editText_password"
                motion:keyPositionType="pathRelative"
                motion:framePosition="1"
                motion:transitionEasing="linear" />

        <KeyPosition
            motion:target="@id/editText_password"
            motion:keyPositionType="pathRelative"
            motion:framePosition="50"
            motion:transitionEasing="decelerate" />

        <KeyPosition
                motion:target="@id/editText_password"
                motion:keyPositionType="pathRelative"
                motion:framePosition="70"
                motion:transitionEasing="decelerate" />

    </KeyFrameSet>
</Transition>

是否可以使用 Motionlayout 实现这种类型的动画？

Answer 1

您可以使用 KeyPosition 来控制它。在下面的示例中，textview 的动画要到第 40 帧才会播放，然后会在第 50 帧转到第 50 帧，并在第 75 帧完成动画。如果您不指定最后一帧，则动画将在第 100 帧正常完成

    <KeyFrameSet>
        <KeyPosition
            motion:percentY="0"
            motion:percentX="0"

            motion:framePosition="40"
            motion:target="@id/textview" />
        <KeyPosition
            motion:percentY="0.5"
            motion:percentX="0.5"
            motion:framePosition="50"
            motion:target="@id/textview" />

        <KeyPosition
            motion:percentY="1"
            motion:percentX="1"
            motion:framePosition="75"
            motion:target="@id/textview" />
    </KeyFrameSet>
       <ConstraintSet>

       </ConstraintSet>
</MotionScene>