如何消除LayoutTransition动画之前的延迟？

Question

我正在尝试在Honeycomb中使用新的LayoutTransition类。 我设置了一个动画，当将一个View添加到ViewGroup中时，它会滑动到位。 我注意到视图第一次呈现和LayoutTransition.APPEARING动画开始之间有轻微的延迟（大约20ms）。 换句话说，在视图出现在屏幕上之后，它会悬停一会儿，然后开始动画效果。 甚至在ApiDemos示例项目中也可以注意到这一点。在布局动画示例中，ViewGroup的APPEARING动画总是存在延迟。 我甚至尝试将其他LayoutTransition动画设置为null或最终给它们非常短的持续时间，但仍然会延迟APPEARING动画。 这是我的代码：

public class DebugExampleFour extends Activity {
    private int numButtons = 1;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.debug_example_four);

        final ViewGroup frame = (ViewGroup) findViewById(R.id.frame_container);
        LayoutTransition transitioner = new LayoutTransition();

        Animator appearingAnimation = ObjectAnimator.ofFloat(null, "translationX", 600, 0);
        appearingAnimation.setDuration(45);
        appearingAnimation.setStartDelay(0);
        appearingAnimation.setInterpolator(new DecelerateInterpolator());
        appearingAnimation.addListener(new AnimatorListenerAdapter() {
            public void onAnimationEnd(Animator anim) {
                View view = (View) ((ObjectAnimator) anim).getTarget();
                view.setTranslationX(0f);
            }
        });
        transitioner.setAnimator(LayoutTransition.APPEARING, appearingAnimation);
        Animator dummyAnimation = ObjectAnimator.ofInt(0, 1);
        dummyAnimation.setDuration(1);
        dummyAnimation.setStartDelay(0);
        transitioner.setAnimator(LayoutTransition.CHANGE_APPEARING, dummyAnimation);
        transitioner.setAnimator(LayoutTransition.CHANGE_DISAPPEARING, dummyAnimation);
        transitioner.setAnimator(LayoutTransition.DISAPPEARING, dummyAnimation);

        frame.setLayoutTransition(transitioner);

        Button addButton = (Button) findViewById(R.id.addNewButton);
        addButton.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                Button newButton = new Button(DebugExampleFour.this);
                newButton.setText("Click To Remove " + (numButtons++));
                newButton.setOnClickListener(new View.OnClickListener() {
                    public void onClick(View v) {
                        frame.removeView(v);
                    }
                });
                frame.addView(newButton, new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

            }
        });    
    }

}

这是与示例相关的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:orientation="vertical">
    <Button android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="Add Button"
        android:id="@+id/addNewButton" />
    <LinearLayout android:orientation="vertical"
        android:layout_width="match_parent" android:layout_height="match_parent"
        android:id="@+id/frame_container" android:animateLayoutChanges="true" />
</LinearLayout>

如何消除 APPEARING 动画之前的延迟？

- Tony Wong

Answer 1

没错 - 在两个层面上都存在延迟。当你在LayoutTransition的上下文中运行Animator时，你想要在LayoutTransition对象上设置duration和startDelay，而不是在底层的Animator上设置（因为过渡对象会为它运行的动画提供这些属性的自定义值）。

原因在于，LayoutTransition通常将是运行在容器内部对象上的一系列动画。比如说，如果你想让一个对象在容器中“出现”，那么过渡效果将首先使其他对象腾出位置，然后再将新对象动画地放置到相应位置。可以想象一下，在一组对象中添加一个项目（就像ApiDemos应用程序中看到的情况）时，它首先会腾出空间，然后淡入该对象。

对于上面的原始代码，你希望出现动画立即执行，所以应将APPEARING过渡的startDelay设置为0（就像你在上面的答案中所做的一样）。

相反，DISAPPEARING动画默认没有startDelay，但CHANGE_DISAPPEARING过渡动画的startDelay等于DISAPPEARING动画的持续时间，这是基于你可能首先想要移除一个项目，然后再将容器中的其他项目动画到新位置的假设。

由于这些是不一定适用于每种情况的假设，因此LayoutTransition有duration/startDelay属性来控制行为，以使其根据你的特定情况工作。

还要注意，如果你不想运行其中一种动画类型，应将该动画设置为null（参见LayoutTransition.setAnimator(int, Animator)的文档）。将其设置为dummyAnimator将不会产生相同的效果。首先，即使你为这些动画提供了自定义的Animators，LayoutTransition上的默认duration/startDelay值仍然适用。

还有一点需要注意的是：底层计时机制（适用于Android，也适用于我曾经使用的大多数其他平台）将具有某些最小分辨率。因此，如果您设置了持续时间为“1”，那么该动画可能不会在1毫秒内结束。相反，它将运行一帧，然后在下一帧（通常是设备的刷新率，在良好行为的应用程序中，如果系统没有陷入困境）它将看到动画应该结束。

- Chet Haase

---

感谢您的澄清，@Chet。我认为在JavaDoc或官方开发者博客上注明这些隐含的延迟将非常有用。 - Tony Wong

好主意 - 我会在LayoutTransition javadocs中增加一些内容，以说明默认行为/延迟。 - Chet Haase

Answer 2

原来，Animator和LayoutTransition都有一个开始延迟值。 Animator的开始延迟已经为零，因此更改它没有帮助。奇怪的是，LayoutTransition的开始延迟似乎大于零，至少对于LayoutTransition.APPEARING的情况是这样。以下是可行的代码：

public class DebugExampleFour extends Activity {
    private int numButtons = 1;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.debug_example_four);

        final ViewGroup frame = (ViewGroup) findViewById(R.id.frame_container);
        LayoutTransition transitioner = new LayoutTransition();

        Animator appearingAnimation = ObjectAnimator.ofFloat(null, "translationX", 600, 0);
        appearingAnimation.addListener(new AnimatorListenerAdapter() {
            public void onAnimationEnd(Animator anim) {
                View view = (View) ((ObjectAnimator) anim).getTarget();
                view.setTranslationX(0f);
            }
        });
        transitioner.setAnimator(LayoutTransition.APPEARING, appearingAnimation);
        transitioner.setDuration(LayoutTransition.APPEARING, 300);
        transitioner.setStartDelay(LayoutTransition.APPEARING, 0);

        frame.setLayoutTransition(transitioner);

        Button addButton = (Button) findViewById(R.id.addNewButton);
        addButton.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                Button newButton = new Button(DebugExampleFour.this);
                newButton.setText("Click To Remove " + (numButtons++));
                newButton.setOnClickListener(new View.OnClickListener() {
                    public void onClick(View v) {
                        frame.removeView(v);
                    }
                });
                frame.addView(newButton, new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

            }
        });    
    }
}

- Tony Wong