Question

我正在尝试设置LinearLayout视图的添加/删除操作的动画，其高度设置为wrap_content。

目前我已尝试为LinearLayout设置android:animateLayoutChanges="true"并以编程方式启用此类转换：

LayoutTransition transition = new LayoutTransition();
transition.setDuration(300);

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
    transition.enableTransitionType(LayoutTransition.APPEARING);
    transition.enableTransitionType(LayoutTransition.DISAPPEARING);
    transition.setAnimateParentHierarchy(true);
}

container.setLayoutTransition(transition);

“出现”似乎非常流畅，它可以根据需要进行动画调整和调整大小。

问题我正在消失，因为LinearLayout容器在移除动画完成之前已调整大小。

我也尝试使用setAnimateParentHierarchy()，但它似乎并没有真正影响容器调整大小的方式和时间。

Answer 1

一个简单的解决方案是将布局转换设置为不使用wrap_content的第一个祖先。

以下代码找到正确的祖先，设置所需的动画，并在动画末尾恢复原始LayoutTransition（如果存在）。

在执行添加/删除操作的代码中调用此方法。问题中不需要任何代码。

注意：此解决方案仅适用于> = JELLY_BEAN的SDK。

private static void setHeightChangeAnimation(ViewGroup animatedLayout) {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
        ViewGroup vg = animatedLayout;
        while (vg instanceof ViewGroup) {
            vg = (ViewGroup) vg.getParent();
            if (vg instanceof ViewGroup  && vg.getLayoutParams().height != LayoutParams.WRAP_CONTENT) {
                LayoutTransition animatedLayoutLt = animatedLayout.getLayoutTransition();
                LayoutTransition lt = new LayoutTransition();
                lt.enableTransitionType(LayoutTransition.CHANGING);
                lt.setDuration(animatedLayoutLt.getDuration(LayoutTransition.CHANGE_APPEARING));
                lt.setStartDelay(LayoutTransition.CHANGING, animatedLayoutLt.getStartDelay(LayoutTransition.APPEARING));

                final ViewGroup finalVg = vg;
                final LayoutTransition oldLt = finalVg.getLayoutTransition();
                lt.addTransitionListener(new LayoutTransition.TransitionListener() {
                    public void startTransition(LayoutTransition transition, ViewGroup container, View view, int transitionType) {}

                    public void endTransition(LayoutTransition transition, ViewGroup container, View view, int transitionType) {
                        finalVg.setLayoutTransition(oldLt);
                    }
                });
                finalVg.setLayoutTransition(lt);

                break;
            }
        }
    }
}

并使用它来调用：

    setHeightChangeAnimation(yourAnimatedLinearLayout);

使用wrap_content的LinearLayout的LayoutTransition

1 个答案: