将视图动画为可见会导致其他视图出现不希望的动画

Question

我有一些奇怪的影响，当试图动画视图从消失到可见。见附件gif。

我有一个简单的Switch，它切换TextView的可见性。当TextView更改为可见时，Button上会出现不希望的类似动画的影响。

我认为这与R.id.group布局高度有关。请参见下面的布局。

当我删除ScrollView，并将R.id.group布局高度更改为match_parent时，它工作正常。但这不是解决方案，因为我最终需要一个滚动视图。

如何避免按钮动画效果？

源代码：

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    Switch sw = view.findViewById(R.id.toggle);
    TextView tv = view.findViewById(R.id.text);
    sw.setOnCheckedChangeListener((button, isChecked) -> {
        int visibility = isChecked ? View.VISIBLE : View.GONE;
        tv.setVisibility(visibility);
    });
}

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    android:padding="10dp"
    >

    <LinearLayout
        android:id="@+id/group"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:animateLayoutChanges="true"
            android:orientation="vertical"
            >

            <Switch
                android:id="@+id/toggle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="toggle"
                />

            <TextView
                android:id="@+id/text"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Blabla\nblabla\nblabla\nblabla"
                />

        </LinearLayout>

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Self destruct"
            />

    </LinearLayout>
</ScrollView>

Answer 1

终于在万维网上找到了解决办法。Sam Chen anwser的道具。

基本上，我需要为R.id.group布局设置LayoutTransition（又名animateLayoutChanges=“true”）按钮所在的位置，并启用更改转换：

LayoutTransition transition = new LayoutTransition();
transition.enableTransitionType(LayoutTransition.CHANGING);
groupLayout.setLayoutTransition(transition);