Question

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

最初，所有图像的alpha级别都设置为50％。当我点击特定图像时，它将增长到120％，其alpha级别将变为100％（'点亮'效果）。当我单击另一个图像时，先前选择的图像将缩小回100％并且其alpha级别将返回到50％，并且当前所选图像将如前所述增长。

在我的布局中，我有三个相同大小的图像排成一排。我单击第一个图像，然后单击第二个图像，然后再次单击第一个图像。好的，没有问题。现在，我点击第三张图片，我得到了第一张图片的奇怪的对齐问题。知道如何解决这个问题吗？

我试过了：

image.setAlpha（...），以避免必须在shrink.xml中设置alpha级别，然后调用 fillAfter =“true”，但不幸的是，这是一个API 11致电
在shrink.xml中将我的alpha标记的 fillAfter 属性设置为 true
在缩小动画后立即调用 image.startAnimation（fadeOut），但这看起来很糟糕。
覆盖 onAnimationEnd（），但此调用永远不会到达（??）

shrink.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>

grow.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 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>

fade_out.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>

main.xml中：

Test.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);
}}

Answer 1

问题是您的缩小动画仍然分配给其他视图。当您调用mSelected.startAnimation（）时，您将启动Animation对象，该对象将附加到其他Views，因此它们也会设置动画。您可以通过将mSelected.startAnimation(shrink);更改为

来创建动画的新实例

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

解决问题的方法很简单（虽然效率低），或者您可以通过从视图中取消分配动画（mSelected.setAnimation(null)）来自行管理动画周期。

Android 2.3：成长/缩小动画错误？

1 个答案: