Android中实现循环动画的方法及自定义循环动画失效问题排查

你的循环动画无法正常运行，主要是因为动画重复逻辑的错误配置、AnimationListener的误用以及动画衔接逻辑的混乱这几个核心问题，下面逐个拆解并给出修复方案：

1. 错误地在onAnimationRepeat中重复配置并启动动画 #

你在每个动画的onAnimationRepeat回调里重复设置setRepeatCount(INFINITE)、setRepeatMode(RESTART)，还再次调用startAnimation，这完全是多余且会打乱动画节奏的：

• 循环属性（重复次数、重复模式）应该在动画启动前就配置完成，不需要等到重复触发时再设置
• 重复调用startAnimation会强制动画从头开始，破坏原本的循环逻辑

比如你原本的tilt_up动画代码存在冗余操作：

tilt_up.setAnimationListener(new Animation.AnimationListener(){
    @Override
    public void onAnimationRepeat(Animation animation){
        animation.setRepeatCount(Animation.INFINITE);
        animation.setRepeatMode(Animation.RESTART);
        tilt_up.setRepeatMode(Animation.RESTART);
        tilt_up.setRepeatCount(Animation.INFINITE);
        ball.startAnimation(tilt_up); // 重复启动会打乱循环
    }
    // ...其他回调
});

修复： 把循环配置移到动画启动前，删除onAnimationRepeat里的冗余代码：

long duration1 = 3000;
Animation tilt_up = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.tilt_up);
tilt_up.setDuration(duration1);
// 提前配置循环属性
tilt_up.setRepeatCount(Animation.INFINITE);
tilt_up.setRepeatMode(Animation.RESTART);
tilt_up.setAnimationListener(new Animation.AnimationListener(){
    @Override
    public void onAnimationStart(Animation animation){}
    @Override
    public void onAnimationRepeat(Animation animation){
        // 无需额外操作，循环已提前配置
    }
    @Override
    public void onAnimationEnd(Animation animation){
        ball.clearAnimation();
    }
});
ball.startAnimation(tilt_up); // 直接启动，不需要postDelayed(0)

2. 无限循环设置与动画衔接逻辑冲突 #

从你的代码来看，你应该是想实现四个小球按顺序循环动画（上移→右移→下移→左移→回到上移），但你给每个动画都设置了INFINITE重复，这会导致每个动画一直循环，永远不会进入下一个环节。

修复思路： 去掉单个动画的无限重复设置，改为在一个动画的onAnimationEnd回调里启动下一个动画，最后在第四个动画的onAnimationEnd里回到第一个动画，形成完整的循环链。

3. 不必要的视图可见性与动画清理操作 #

比如ball2的onAnimationStart里设置ball.setVisibility(View.INVISIBLE)，如果是为了切换显示不同小球，应该在动画启动前统一管理可见性，避免随意隐藏导致小球消失；另外，无限循环的动画不会触发onAnimationEnd，此时调用clearAnimation是无效的。

完整修复后的代码示例 #

下面是调整后的代码，实现四个小球按顺序循环的动画逻辑：

// 定义循环启动方法，在合适的地方（比如onCreate）调用startAnimationCycle()
private void startAnimationCycle() {
    // 1. 小球从下到上动画
    long duration1 = 3000;
    Animation tilt_up = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.tilt_up);
    tilt_up.setDuration(duration1);
    tilt_up.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {
            // 切换可见性，只显示当前动画的小球
            ball.setVisibility(View.VISIBLE);
            ball2.setVisibility(View.INVISIBLE);
            ball3.setVisibility(View.INVISIBLE);
            ball4.setVisibility(View.INVISIBLE);
        }

        @Override
        public void onAnimationRepeat(Animation animation) {}

        @Override
        public void onAnimationEnd(Animation animation) {
            ball.clearAnimation();
            // 启动下一个动画
            startBall2Animation();
        }
    });
    ball.startAnimation(tilt_up);
}

private void startBall2Animation() {
    // 2. 小球从左到右动画
    long duration2 = 500;
    Animation move_right = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.move_right);
    move_right.setDuration(duration2);
    move_right.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {
            ball.setVisibility(View.INVISIBLE);
            ball2.setVisibility(View.VISIBLE);
            ball3.setVisibility(View.INVISIBLE);
            ball4.setVisibility(View.INVISIBLE);
        }

        @Override
        public void onAnimationRepeat(Animation animation) {}

        @Override
        public void onAnimationEnd(Animation animation) {
            ball2.clearAnimation();
            startBall3Animation();
        }
    });
    ball2.startAnimation(move_right);
}

private void startBall3Animation() {
    // 3. 小球从上到下动画
    long duration3 = 6000;
    Animation tilt_down = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.tilt_down);
    tilt_down.setDuration(duration3);
    tilt_down.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {
            ball.setVisibility(View.INVISIBLE);
            ball2.setVisibility(View.INVISIBLE);
            ball3.setVisibility(View.VISIBLE);
            ball4.setVisibility(View.INVISIBLE);
        }

        @Override
        public void onAnimationRepeat(Animation animation) {}

        @Override
        public void onAnimationEnd(Animation animation) {
            ball3.clearAnimation();
            startBall4Animation();
        }
    });
    ball3.startAnimation(tilt_down);
}

private void startBall4Animation() {
    // 4. 小球从右到左动画
    long duration4 = 500;
    Animation move_left = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.move_hold_2);
    move_left.setDuration(duration4);
    move_left.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {
            ball.setVisibility(View.INVISIBLE);
            ball2.setVisibility(View.INVISIBLE);
            ball3.setVisibility(View.INVISIBLE);
            ball4.setVisibility(View.VISIBLE);
        }

        @Override
        public void onAnimationRepeat(Animation animation) {}

        @Override
        public void onAnimationEnd(Animation animation) {
            ball4.clearAnimation();
            // 回到第一个动画，形成完整循环
            startAnimationCycle();
        }
    });
    ball4.startAnimation(move_left);
}

额外提示 #

• 确保你的res/anim目录下的动画XML文件配置正确，比如tilt_up.xml的位移动画示例：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromYDelta="100%"
    android:toYDelta="0%"
    android:interpolator="@android:anim/linear_interpolator"/>

• 如果需要单个小球的无限循环动画，只需在启动前设置setRepeatCount(Animation.INFINITE)和setRepeatMode(Animation.RESTART)即可，无需在onAnimationRepeat中做任何操作。

内容的提问来源于stack exchange，提问作者Fajar adi setyawan