java - 嵌套的 LinearLayouts LayoutTransition 动画在移除子项时跳转

Question

我创建了嵌套的 LinearLayouts，其中包含子按钮和其他 LinearLayouts，wrap_content 和 animateLayoutChanges 设置为 true。

下面的代码

当我从嵌套的 LinearLayout 中移除一个 Button 时，动画播放移除 Button 但随后再次重复在整个嵌套布局中创建跳跃效果。

这似乎是 API 19 和 API 25 中出现的错误 - 可能还有其他错误(尚未测试)，但它在 API >= 27 上运行良好，因此他们必须修复它或更改某些内容对于那些版本的 Android，我不知道它是什么。

问题是，我希望它适用于 >= 19 的所有 API。

是否有任何方法可以解决此问题/错误或代码解决方法，以便它在其他版本的 Android

代码示例

单击 Button GR1 在蓝色 LinearLayout (id = linearLayoutB) 中创建一个新的 subview (Button)并再次单击它以删除相同的 Button 以查看提到的任何较低 Android API 版本的动画问题

单击 Button R3 以在灰色 LinearLayout (id = linearLayoutGR) 中创建一个新的子 Button，它未嵌套在任何其他 LinearLayouts 中，但能够添加和删除该子 Button 而不会出现任何 Android 的动画问题当然是支持 LayoutTransition 的版本!

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:animateLayoutChanges="true"
tools:context=".MainActivity">

<LinearLayout
    android:id="@+id/linearLayoutGR"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="#ddd"
    android:animateLayoutChanges="true"
    android:orientation="horizontal"
    android:padding="5dp">

    <Button
        android:id="@+id/btnGR1"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="GR1"/>

    <LinearLayout
        android:id="@+id/linearLayoutR"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="#fdd"
        android:animateLayoutChanges="true"
        android:orientation="vertical"
        android:padding="5dp">

        <Button
            android:id="@+id/btnR1"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="R1"/>

        <Button
            android:id="@+id/btnR2"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="R2"/>

        <Button
            android:id="@+id/btnR3"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="R3"/>

        <LinearLayout
            android:id="@+id/linearLayoutG"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:background="#dfd"
            android:animateLayoutChanges="true"
            android:orientation="vertical"
            android:padding="5dp">

            <Button
                android:id="@+id/btnG1"
                android:layout_width="50dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="G1"/>

            <Button
                android:id="@+id/btnG2"
                android:layout_width="50dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="G2"/>

            <LinearLayout
                android:id="@+id/linearLayoutB"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:background="#ddf"
                android:animateLayoutChanges="true"
                android:orientation="horizontal"
                android:padding="5dp">

                <Button
                    android:id="@+id/btnB1"
                    android:layout_width="50dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="B1"/>

                <Button
                    android:id="@+id/btnB2"
                    android:layout_width="50dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="B2"/>

            </LinearLayout>
    </LinearLayout>

        <Button
            android:id="@+id/btnR5"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="R5" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayoutP"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="#fdf"
        android:animateLayoutChanges="true"
        android:orientation="vertical"
        android:padding="5dp">

        <Button
            android:id="@+id/btnP1"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="P1"/>

        <Button
            android:id="@+id/btnP2"
            android:layout_width="50dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="P2"/>
    </LinearLayout>

    <Button
        android:id="@+id/btnGR4"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="GR4"/>
</LinearLayout>

主 Activity .java

import android.animation.LayoutTransition;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity {

private LinearLayout linearLayoutGR;
private LinearLayout linearLayoutR;
private LinearLayout linearLayoutG;
private LinearLayout linearLayoutB;
private LinearLayout linearLayoutP;

private Button btnGR1, btnR3;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    linearLayoutGR = findViewById(R.id.linearLayoutGR);
    linearLayoutR = findViewById(R.id.linearLayoutR);
    linearLayoutG = findViewById(R.id.linearLayoutG);
    linearLayoutB = findViewById(R.id.linearLayoutB);
    linearLayoutP = findViewById(R.id.linearLayoutP);

    linearLayoutGR.getLayoutTransition().enableTransitionType(LayoutTransition.CHANGING);
    linearLayoutR.getLayoutTransition().enableTransitionType(LayoutTransition.CHANGING);
    linearLayoutG.getLayoutTransition().enableTransitionType(LayoutTransition.CHANGING);
    linearLayoutB.getLayoutTransition().enableTransitionType(LayoutTransition.CHANGING);
    linearLayoutP.getLayoutTransition().enableTransitionType(LayoutTransition.CHANGING);

    btnGR1 = findViewById(R.id.btnGR1);
    btnR3 = findViewById(R.id.btnR3);

    final Button aBtn = new Button(this);

    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(131, LinearLayout.LayoutParams.WRAP_CONTENT);
    params.gravity = Gravity.CENTER;

    aBtn.setLayoutParams(params);
    aBtn.setGravity(Gravity.CENTER);
    aBtn.setText("A");


    final Button bBtn = new Button(this);

    bBtn.setLayoutParams(params);
    bBtn.setGravity(Gravity.CENTER);
    bBtn.setText("B");


    btnGR1.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            if (linearLayoutB.getChildCount() < 3) {
                linearLayoutB.addView(aBtn);
            } else {
                linearLayoutB.removeView(aBtn);
            }
        }
    });

    btnR3.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            if (linearLayoutGR.getChildCount() < 5) {
                linearLayoutGR.addView(bBtn);
            } else {
                linearLayoutGR.removeView(bBtn);
            }
        }
    });
}
}

如果有一些解决方法，我仍然希望保持它现在没有那个错误的相同效果/行为，其中添加或删除到任何其他嵌套布局中的任何 subview (按钮和其他 LinearLayouts)会导致所有布局通过流畅的动画相应地调整大小，同时保持所有 subview 居中并紧凑在一起

Answer 1

移除子项的问题似乎是它的动画延迟了 - 在 LayoutTrasition 中查看 mChangingDisappearingDelay 设置为 300 毫秒的 DEFAULT_DURATION

通过使用代码将 LayoutTransition 对象设置为延迟 0

layoutTransition.setStartDelay(LayoutTransition.CHANGE_DISAPPEARING, 0);

LinearLayouts 似乎再次正确地设置了动画。

每个 LinearLayout 必须有自己独特的 LayoutTransition 对象 - 你不能给它们相同的 LayoutTransition 对象，所以我在下面创建了一个方法

private LayoutTransition createLayoutTransition(){
    LayoutTransition layoutTransition = new LayoutTransition();
    layoutTransition.enableTransitionType(LayoutTransition.CHANGING);

    // the delay fix
    layoutTransition.setStartDelay(LayoutTransition.CHANGE_DISAPPEARING, 0);
    return layoutTransition;
}

然后把每一个LinearLayouts的LayoutTransition设置成上面的方法

linearLayoutGR.setLayoutTransition(createLayoutTransition());
linearLayoutR.setLayoutTransition(createLayoutTransition());
linearLayoutG.setLayoutTransition(createLayoutTransition());
linearLayoutB.setLayoutTransition(createLayoutTransition());
linearLayoutP.setLayoutTransition(createLayoutTransition());

用上面的代码替换下面的旧代码

linearLayoutGR.getLayoutTransition().enableTransitionType(LayoutTransition.CHANGING);
linearLayoutR.getLayoutTransition().enableTransitionType(LayoutTransition.CHANGING);
linearLayoutG.getLayoutTransition().enableTransitionType(LayoutTransition.CHANGING);
linearLayoutB.getLayoutTransition().enableTransitionType(LayoutTransition.CHANGING);
linearLayoutP.getLayoutTransition().enableTransitionType(LayoutTransition.CHANGING);

现在它似乎适用于所有支持 LayoutTransition 的 API