Motion Layout回退过渡异常：滑动显示按钮后无法重复触发问题

我明白你遇到的这个小麻烦了：第一次滑动TextView能正常调出按钮，可点击按钮隐藏后，必须先反向滑一下TextView，才能再次滑动显示按钮——这本质是因为点击隐藏后，MotionLayout的状态没完全回到初始的start约束集，导致滑动触发的判断基准不对。

问题出在哪？ #

你当前的back Transition用了clickAction="toggle"，这个操作只是简单切换了按钮的可见性，但MotionLayout内部的状态还停留在end约束集。而滑动触发的逻辑是基于当前状态和起始状态的对比，当停在end状态时，滑动的基准还是end，所以得先反向滑回start，再滑才能到end，就造成了多一步操作的尴尬。

怎么修复？ #

我们只需要调整两个关键地方，让点击按钮后MotionLayout彻底回到初始状态，同时保证滑动触发的逻辑正常：

修改后的MotionScene代码

<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:motion="http://schemas.android.com/apk/res-auto">

    <!-- 滑动TextView从start到end，显示按钮 -->
    <Transition
        motion:constraintSetStart="@id/start"
        motion:constraintSetEnd="@+id/end"
        motion:duration="1000">
        <OnSwipe
            motion:touchAnchorId="@+id/textView3"
            motion:dragDirection="dragLeft"
            motion:touchAnchorSide="left" />
    </Transition>

    <!-- 点击按钮从end回到start，隐藏按钮 -->
    <Transition
        android:id="@+id/back"
        motion:constraintSetStart="@+id/end"
        motion:constraintSetEnd="@+id/start"
        motion:duration="0"> <!-- 瞬间完成状态切换，无动画 -->
        <OnClick
            motion:targetId="@+id/button2"
            motion:clickAction="transitionToEnd" /> <!-- 明确跳转到start约束集 -->
    </Transition>

    <ConstraintSet android:id="@+id/start">
        <Constraint
            android:id="@+id/textView3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="24dp"
            android:layout_marginTop="152dp"
            android:layout_marginEnd="24dp"
            motion:layout_constraintEnd_toEndOf="parent"
            motion:layout_constraintHorizontal_bias="1.0"
            motion:layout_constraintStart_toStartOf="parent"
            motion:layout_constraintTop_toTopOf="parent" />

        <Constraint
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="152dp"
            android:visibility="invisible"
            motion:layout_constraintEnd_toEndOf="parent"
            motion:layout_constraintHorizontal_bias="0.498"
            motion:layout_constraintStart_toStartOf="parent"
            motion:layout_constraintTop_toBottomOf="@+id/textView3" />
    </ConstraintSet>

    <ConstraintSet android:id="@+id/end">
        <Constraint
            android:id="@+id/textView3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="24dp"
            android:layout_marginTop="152dp"
            android:layout_marginEnd="24dp"
            motion:layout_constraintEnd_toEndOf="parent"
            motion:layout_constraintHorizontal_bias="1.0"
            motion:layout_constraintStart_toStartOf="parent"
            motion:layout_constraintTop_toTopOf="parent" />

        <Constraint
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="152dp"
            android:visibility="visible"
            motion:layout_constraintEnd_toEndOf="parent"
            motion:layout_constraintHorizontal_bias="0.498"
            motion:layout_constraintStart_toStartOf="parent"
            motion:layout_constraintTop_toBottomOf="@+id/textView3" />
    </ConstraintSet>
</MotionScene>

关键改动说明

• 把back Transition的clickAction从toggle改成transitionToEnd：这样点击按钮时，MotionLayout会明确切换回start约束集，而不是只切换按钮可见性，彻底重置滑动触发的基准状态。
• 给back Transition加motion:duration="0"：让状态切换瞬间完成，用户不会看到不必要的过渡动画，体验更流畅。
• 保持start和end里TextView的属性完全一致：这样滑动触发的逻辑会始终以start状态为起点，点击回到start后，再次滑动就能直接触发显示按钮。

可选优化（提升用户体验） #

如果想让滑动操作更有感知，可以在end约束集里微调TextView的位置，比如把layout_constraintHorizontal_bias改成0.9，这样滑动时TextView会有轻微左移，用户能明确感受到操作反馈，不过这不是必须的，看你的需求~

内容的提问来源于stack exchange，提问作者ACE