对于我的应用程序，我正在尝试向布局中的每个 ImageView 添加一个 [增长/收缩 + alpha 更改] 动画。通过为我的两个 XML 文件(grow.xml 和 shrink.xml)设置 fillAfter="true"，我设法使动画工作并使每个动画在完成后保持不变。但是，当我为 shrink.xml 设置 fillAfter="true 时，似乎有一些奇怪的动画错误会导致未选择的图像变大然后“快速”恢复到正常大小!让我解释一下应用程序可行，然后给出一个场景，使其变得更加清晰:

最初，所有图像的 alpha 水平都设置为 50%。当我单击特定图像时，它会增长到 120%，其 alpha 级别将变为 100%(“点亮”效果)。当我点击另一幅图像时，先前选择的图像将缩小回 100%，其 alpha 水平将返回到 50%，而当前选择的图像将如前所述增长。

在我的布局中，我将三个大小相同的图像排成一行。我点击第一张图片，然后点击第二张，然后再次点击第一张。好的，那里没有问题。现在，我点击第三张图片，第一张图片出现奇怪的捕捉问题。知道如何解决这个问题吗？

我试过:

1. image.setAlpha(...) 以避免必须在 shrink.xml 中设置 alpha 级别然后调用 fillAfter="true"，但不幸的是这是一个 API 11 通电话
2. 在 shrink.xml 中仅将我的 alpha 标签的 fillAfter 属性设置为 true
3. 在收缩动画后立即调用 image.startAnimation(fadeOut) 但这看起来很糟糕。
4. 覆盖 onAnimationEnd()，但此调用永远不会到达(？？)

收缩.xml:

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fillAfter="true"> <scale android:fromXScale="1.2" android:toXScale="1.0" android:fromYScale="1.2" android:toYScale="1.0" android:duration="300" android:pivotX="50%" android:pivotY="50%"/> <alpha android:fromAlpha="1.0" android:toAlpha="0.5" android:duration="300"/> </set>

成长.x​​ml

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fillAfter="true"> <scale xmlns:android="http://schemas.android.com/apk/res/android" android:fromXScale="1.0" android:toXScale="1.20" android:fromYScale="1.0" android:toYScale="1.20" android:duration="300" android:pivotX="50%" android:pivotY="50%" /> <alpha android:fromAlpha="0.5" android:toAlpha="1.0" android:duration="300"/> </set>

淡出.xml:

<?xml version="1.0" encoding="UTF-8"?> <alpha xmlns:android="http://schemas.android.com/apk/res/android" android:startOffset="300" android:fromAlpha="1.0" android:toAlpha="0.5" android:fillAfter="true"> </alpha>

主要.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center"> <ImageView android:id="@+id/image1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="20dip" android:paddingRight="20dip" android:src="@drawable/image1"/> <ImageView android:id="@+id/image2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="20dip" android:paddingRight="20dip" android:src="@drawable/image2"/> <ImageView android:id="@+id/image3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="20dip" android:paddingRight="20dip" android:src="@drawable/image3"/> </LinearLayout>

测试.java:

    public class Test extends Activity {
    private View mSelected;
    public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    final Animation fadeOut = AnimationUtils.loadAnimation(this, R.anim.fade_out);
    final Animation grow = AnimationUtils.loadAnimation(this, R.anim.grow);
    final Animation shrink = AnimationUtils.loadAnimation(this, R.anim.shrink);

    OnClickListener listener = new OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            if (mSelected == v) 
                return;

            if (mSelected != null) 
                mSelected.startAnimation(shrink);

            mSelected = v;
            mSelected.startAnimation(grow);             
        }
    };

    ImageView image1 = (ImageView)findViewById(R.id.image1);
    image1.startAnimation(fadeOut);
    image1.setOnClickListener(listener); 

    ImageView image2 = (ImageView)findViewById(R.id.image2);
    image2.startAnimation(fadeOut);
    image2.setOnClickListener(listener);

    ImageView image3 = (ImageView)findViewById(R.id.image3);
    image3.startAnimation(fadeOut);
    image3.setOnClickListener(listener);
}}

最佳答案

问题是您的收缩动画仍然分配给其他 View 。当您调用 mSelected.startAnimation() 时，您正在启动 Animation 对象，该对象附加到其他 View ，因此它们也具有动画效果。您可以通过将 mSelected.startAnimation(shrink); 更改为

mSelected.startAnimation(AnimationUtils.loadAnimation(Test.this, R.anim.shrink));

这是解决问题的简单(但效率低下)的方法，或者您可以通过从 View 中取消分配动画来自行管理动画周期 (mSelected.setAnimation(null))。

关于安卓 2.3 : Grow/Shrink animation bug?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6564829/