动画在AnimationListener的onAnimationEnd中启动会进入无限循环。

Question

简单任务：通过按下按钮，将X值缩放为0，并在动画完成后，在第二个视图上启动另一个从0到1的X缩放动画。 1秒后应播放反向动画，就这样。 运行以下代码，我得到了第一部分动画的无限动画循环。

使用了nineoldandroids库，但我认为这与至少在果冻豆设备上的本地动画框架没有什么不同。

public class MainActivity extends Activity
{

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

    final View mybutton = findViewById(R.id.mybutton);
    final View myprogress = findViewById(R.id.myprogress);

    mybutton.setOnClickListener(new View.OnClickListener()
    {
        @Override
        public void onClick(View v)
        {
            animate(mybutton).scaleX(0).setListener(new AnimatorListenerAdapter()
            {
                @Override
                public void onAnimationEnd(Animator animation)
                {
                    mybutton.setVisibility(View.INVISIBLE);
                    myprogress.setVisibility(View.VISIBLE);
                    ViewHelper.setScaleX(myprogress, 0f);

                    animate(myprogress).scaleX(1).setListener(new AnimatorListenerAdapter()
                    {
                        @SuppressWarnings("ConstantConditions")
                        @Override
                        public void onAnimationEnd(Animator animation)
                        {
                            mybutton.getHandler().postDelayed(new Runnable()
                            {
                                @Override
                                public void run()
                                {
                                    animate(myprogress).scaleX(0).setListener(new AnimatorListenerAdapter()
                                    {
                                        @Override
                                        public void onAnimationEnd(Animator animation)
                                        {
                                            myprogress.setVisibility(View.INVISIBLE);
                                            mybutton.setVisibility(View.VISIBLE);

                                            ViewHelper.setScaleX(mybutton, 0);
                                            animate(mybutton).scaleX(1);
                                        }
                                    });
                                }
                            }, 1000);
                        }
                    });
                }
            });
        }
    });
}

}

布局很简单:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
>

    <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/mycontainer">


            <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="string text"
                    android:id="@+id/mybutton"
                    />

            <ProgressBar
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignLeft="@id/mybutton"
                    android:layout_alignTop="@id/mybutton"
                    android:layout_alignRight="@id/mybutton"
                    android:layout_alignBottom="@id/mybutton"
                    android:visibility="invisible"
                    android:id="@+id/myprogress"
                    />


            </RelativeLayout>
</RelativeLayout>

Where I was wrong?

- curioushikhov

---

你是否清除了按钮上的动画？我认为 mybutton.setVisibility(View.VISIBLE) 会启动动画。在动画期间，你可以在更改可见性之前设置 mybutton.clearAnimation()。 - nfirex

哦，我的天啊。请查看 AnimatorSet 和 playSequentially()。任何缩进到那么远的内容都应该引起警惕。 - Kevin Coppock

playsequentially不起作用，因为第二个视图在第一个视图动画时是不可见的。 - curioushikhov

在其中一个动画上添加监听器以将其设置为可见。 - Kevin Coppock

然后，AnimatorSet方法的实现方式几乎与上面的代码相同。所以这只是个人口味问题。请注意，此代码仅演示问题，而不是通常情况下的操作。我需要解释为什么动画会循环播放，而不是如何以另一种方式进行操作。第一个评论似乎很有帮助（clearAnimation），稍后我会尝试一下。 - curioushikhov

清除动画没有帮助 :( - curioushikhov

Answer 1

疯狂！调查后发现其来源是：

当调用animate()方法时，它会创建ViewPropertyAnimator并将其保存到地图中。

当您尝试使用animate()再次对该视图进行动画处理时，它会从地图中取出已经创建的viewpropertyanimator，并在您设置新的动画参数之前立即调用onAnimationStart()，因为第一个动画设置了animationlistener，所以它被触发了！并启动了第一个动画（它的第二部分）。这会创建无限循环。

要停止它，您必须在第二次尝试动画显示视图时清除旧的侦听器，所以

animate(mybutton).setListener(null).scaleX(1);

停止无限循环。文档应该警告它，毫无疑问！

- curioushikhov

---

太棒了，我尝试了animation.removeAllListeners()，但它并没有像预期的那样工作。这个答案绝对是正确的。 - Drew