【问题标题】:How do I eliminate the delay before an LayoutTransition animation如何消除 LayoutTransition 动画之前的延迟
【发布时间】:2011-03-07 21:18:26
【问题描述】:

我正在 Honeycomb 中试用新的 LayoutTransition 类。我设置了一个动画,在将View 添加到ViewGroup 时将其滑动到位。我注意到在第一次渲染视图和LayoutTransition.APPEARING 动画开始之间有一点延迟(大约 20 毫秒)。换句话说,当视图出现在屏幕上后,它会在空中停留片刻,然后开始动画到位。即使在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 动画之前的延迟?

【问题讨论】:

    标签: android layout animation android-3.0-honeycomb


    【解决方案1】:

    是的 - 两个级别都有延迟。当您在 LayoutTransition 的上下文中运行 Animator 时,您希望在 LayoutTransition 对象上设置持续时间和 startDelay,而不是在底层 Animator 上(因为过渡对象将为这些属性提供它自己的值给它的动画师运行)。

    这样做的原因是 LayoutTransition 通常是在容器内的对象上运行的一系列动画。因此,例如,如果您希望一个对象“出现”在容器中,则过渡将首先为其他对象设置动画,然后为新对象设置动画。想象一下将一个项目添加到一组对象的中间(就像您在 ApiDemos 应用程序中看到的那样);它首先腾出空间,然后淡入对象。

    对于上面的原始代码,您希望出现的动画立即运行,因此您应该将 APPEARING 的转换 startDelay 设置为 0(就像您在上面的答案中所做的那样)。

    反过来说,DISAPPEARING 动画默认没有 startDelay,但 CHANGE_DISAPPEARING 动画的 startDelay 等于 DISAPPEARING 动画的持续时间,假设您首先要删除一个项目,然后再为其他项目设置动画容器到他们的新位置。

    由于这些假设不一定适用于所有情况,因此 LayoutTransition 上的 duration/startDelay 属性可根据您在特定情况下的工作方式来控制行为。

    另请注意,如果您不想运行其中一种动画类型,则应将该动画设置为 null(请参阅 LayoutTransition.setAnimator(int, Animator) 的文档)。将其设置为您的 dummyAnimator 将不会产生相同的效果。一方面,LayoutTransition 上的默认持续时间/startDelay 值仍然适用,即使您为这些动画提供自定义 Animator。

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

    【讨论】:

    • 感谢@Chet 的澄清,我认为在 JavaDoc 或您在官方开发者博客上的帖子中看到这些隐式延迟会很有用。
    • 好主意 - 我将添加一些到 LayoutTransition javadocs 来讨论默认行为/延迟。
    【解决方案2】:

    原来AnimatorLayoutTransition 都有一个启动延迟值。 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));
    
                }
            });    
        }
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-03-03
      相关资源
      最近更新 更多