时间戳

首页 > 解决方案 > 嵌套的 LinearLayouts LayoutTransition 动画在子移除时跳转

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

问题描述

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

下面的代码

当我从嵌套的线性布局中删除按钮时，动画会播放删除按钮，但随后会再次重复，在整个嵌套布局中创建跳转效果。

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

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

有没有办法解决这个问题/错误或代码解决方法，以便它适用于其他版本的 Android < API 27？

代码示例

单击按钮 GR1 以在蓝色 LinearLayout (id = linearLayoutB) 中创建一个新的子视图（按钮），然后再次单击它以删除相同的按钮以查看提到的任何较低 Android API 版本上的动画问题

单击按钮 R3 以在未嵌套在任何其他线性布局中的灰色线性布局 (id = linearLayoutGR) 中创建一个新的子按钮，但对于任何支持的 Android 版本，它都能够添加和删除该子按钮而不会出现任何动画问题当然是布局转换！

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>

MainActivity.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);
            }
        }
    });
}
}

如果有一些解决方法，我仍然希望保持与现在没有该错误的相同效果/行为，其中添加或删除到任何其他嵌套布局中的任何子视图（按钮和其他线性布局）都会导致所有布局调整大小相应地具有流畅的动画，同时保持所有子视图居中和紧凑在一起

标签： javaandroidandroid-layoutandroid-animationandroid-linearlayout

解决方案

孩子移除的问题似乎是它的动画被延迟了 - 查看 LayoutTrasition mChangingDisappearingDelay 设置为 300ms 的 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

推荐阅读