android：MotionLayout 子级的可见性更改

使用 MotionLayout 可以实现在 Android 应用中创建复杂的动画和过渡效果。一个常见的需求是根据某些条件改变子级视图的可见性。本文将介绍如何使用 MotionLayout 来实现子级可见性的更改，并提供示例代码来帮助读者理解。

xml
    android:id="@+id/motionLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layoutDescription="@xml/motion_scene">
            android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:visibility="visible"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
            android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Toggle Visibility"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/textView"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

xml
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:motion="http://schemas.android.com/apk/res-auto">
            motion:constraintSetStart="@id/start"
        motion:constraintSetEnd="@id/end"
        motion:duration="500">
        
                            motion:framePosition="0"
                motion:visibilityMode="visible" />
                            motion:framePosition="100"
                motion:visibilityMode="gone" />
        
    
    
                    android:id="@id/textView"
            android:visibility="visible" />
    
    
                    android:id="@id/textView"
            android:visibility="gone" />
    

java
MotionLayout motionLayout = findViewById(R.id.motionLayout);
Button button = findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        if (motionLayout.getProgress() == 0) {
            motionLayout.transitionToEnd();
        } else {
            motionLayout.transitionToStart();
        }
    }
});