是否可以使用MotionLayout对组可见性进行动画处理

Question

我正在尝试使用MotionLayout制作动画，我需要隐藏一些元素。我在单个元素中测试了可见性属性并且它可以工作，但是为了使XML更短，我希望能够仅指定一个包含所有这些元素的组(来自ConstraintLayout帮助程序(

像这样的东西

<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <Transition
        app:constraintSetStart="@id/start"
        app:constraintSetEnd="@id/end"
        app:duration="300">
        <OnSwipe
            app:touchAnchorId="@id/details_group"
            app:touchAnchorSide="bottom"
            app:dragDirection="dragDown"
            />
    </Transition>
    <ConstraintSet
        android:id="@+id/start">
        <Constraint
            android:id="@+id/details_group"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:visibility="gone"
            app:constraint_referenced_ids="detail_value_topl,detail_icon_topl,detail_value_topr" />
    </ConstraintSet>
    <ConstraintSet
        android:id="@+id/end">
        <Constraint
            android:id="@+id/details_group"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:visibility="visible"
            app:constraint_referenced_ids="detail_value_topl,detail_icon_topl,detail_value_topr" />
    </ConstraintSet>
</MotionScene>

但它不起作用，知道如何让它工作吗？

另外，我宁愿不使用 alpha，因为所有约束都已设置，以便在它们消失时容器会调整大小

Answer 1

不应声明

约束的可见性，而应将可见性声明为自定义属性。因此，对于您的第一个约束，请尝试以下操作：

     <Constraint
        android:id="@+id/details_group"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:constraint_referenced_ids="detail_value_topl,detail_icon_topl,detail_value_topr">
        <CustomAttribute
            motion:attributeName="visibility"
            motion:customIntegerValue="8" />
    </Constraint>

对于您的第二个约束，请尝试此操作

    <Constraint
        android:id="@+id/details_group"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:constraint_referenced_ids="detail_value_topl,detail_icon_topl,detail_value_topr">
        <CustomAttribute
            motion:attributeName="visibility"
            motion:customIntegerValue="0" />
    </Constraint>

通过将可见性声明为自定义属性，这应该有助于运动布局在可见性值之间正确插值。哪个 int 值是哪个可见性有点不直观，但它们的定义如下

Visible = 0
Invisible = 4
Gone = 8