Android 缩放动画 - 反向问题

Question

我设法为我的图像添加了一个缩放动画，使其从原始尺寸增长到更大的尺寸。但是，我需要添加另一个动画代码副本，使其缩小到其原始大小。我正在尝试在布尔值为真时循环动画。

我对参数进行了一些调整，但无法使其发挥作用。到目前为止，这是我的代码：

class AnimateButton extends AsyncTask<Void, Void, Void> {

        @Override
        protected Void doInBackground(Void... params) {

            Boolean isGlowing = true; //Make it run forever
            while (isGlowing) {
                scal_grow = new ScaleAnimation(0, 1.2f, 0, 1.2f, Animation.RELATIVE_TO_SELF, (float) 0.5, Animation.RELATIVE_TO_SELF, (float) 0.5);
                scal_grow.setDuration(1500);
                scal_grow.setFillAfter(true);
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        btn_layer.setAnimation(scal_grow);
                    }
                });

                try {
                    Thread.sleep(1500);
                } catch (Exception e) { }

                     //Add a reverse animation such that it goes back to the original size

            }
        return null;
     }
}

我应该做些什么改变？

Answer 1

在 android 中，除了 UIThread（主线程）之外的任何其他线程都不会发生动画和 UI 更新。
删除 AsyncTask 并尝试使用 ViewPropertyAnimator，它在性能方面比 ScaleAnimation 更好。另外，它只有一行。

缩放：

btn_layer.animate().scaleX(1.2f).scaleY(1.2f).setDuration(1500).start();

取消缩放：

btn_layer.animate().scaleX(0.8f).scaleY(0.8f).setDuration(1500).start();

更新

PropertyValuesHolder scalex = PropertyValuesHolder.ofFloat(View.SCALE_X, 1.2f);
PropertyValuesHolder scaley = PropertyValuesHolder.ofFloat(View.SCALE_Y, 1.2f);
ObjectAnimator anim = ObjectAnimator.ofPropertyValuesHolder(btn_layer, scalex, scaley);
anim.setRepeatCount(ValueAnimator.INFINITE);
anim.setRepeatMode(ValueAnimator.REVERSE);
anim.setDuration(1500);
anim.start();

Answer 2

我绝对建议不要使用旧的 android.view.animation 动画，而是使用 Property Animations。旧的视图动画效果不佳，并且不能像您期望的那样在视图上工作。

使用属性动画，这个脉冲动画非常简单。您可以像这样在 XML 中定义它：

<animator xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1500"
    android:valueFrom="1"
    android:valueTo="1.2"
    android:valueType="floatType"
    android:repeatCount="infinite"
    android:repeatMode="reverse"/>

当你应用这个时，动画将通过反转无限重复。

在 Java 中它看起来像这样：

    PropertyValuesHolder scalex = PropertyValuesHolder.ofFloat(View.SCALE_X, 1.2f);
    PropertyValuesHolder scaley = PropertyValuesHolder.ofFloat(View.SCALE_Y, 1.2f);
    ObjectAnimator anim = ObjectAnimator.ofPropertyValuesHolder(btn_layer, scalex, scaley);
    anim.setRepeatCount(ValueAnimator.INFINITE);
    anim.setRepeatMode(ValueAnimator.REVERSE);
    anim.setDuration(1500);
    anim.start();

这将为您提供更令人期待的体验，并为您处理线程和时间安排。当你想停止动画时，你只需调用s.cancel()就可以了。

Answer 3

要取消缩放，您可以使用：

 ScaleAnimation unscal_grow = new ScaleAnimation(1.2f, 1.0f, 1.2f, 1.0f, Animation.RELATIVE_TO_SELF, (float) 0.5, Animation.RELATIVE_TO_SELF, (float) 0.5);
 unscal_grow .setDuration(1500);
 unscal_grow .setFillAfter(true);

一种缩放和取消缩放的方法：

 private void scaleAndUnscale() {
    ScaleAnimation scal_grow = new ScaleAnimation(0, 1.2f, 0, 1.2f, Animation.RELATIVE_TO_SELF, (float) 0.5, Animation.RELATIVE_TO_SELF, (float) 0.5);
    scal_grow.setDuration(1500);
    scal_grow.setFillAfter(true);

    image1.startAnimation(scal_grow);

    scal_grow.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {

        }

        @Override
        public void onAnimationEnd(Animation animation) {

            ScaleAnimation unscal_grow = new ScaleAnimation(1.2f, 1.0f, 1.2f, 1.0f, Animation.RELATIVE_TO_SELF, (float) 0.5, Animation.RELATIVE_TO_SELF, (float) 0.5);
            unscal_grow.setDuration(1500);
            unscal_grow.setStartOffset(1500);
            unscal_grow.setFillAfter(true);

            image1.startAnimation(unscal_grow);
        }

        @Override
        public void onAnimationRepeat(Animation animation) {

        }
    });
}