如何阻止布局动画重复？按钮触发文本视图动画重复问题

嘿，我明白你遇到的困扰了——按钮点击后，TextView的淡出+弹入动画执行完居然又重复了，这确实挺烦人的。我帮你梳理几个常见的原因和对应的解决办法，你可以一步步排查：

1. 检查动画XML的重复配置 #

首先看看你的pop_in_fadein.xml动画文件，是不是不小心设置了重复次数或者重复模式？如果里面有android:repeatCount="infinite"或者android:repeatMode="restart"，那动画肯定会循环播放。

修改动画文件，确保没有重复相关的属性，或者明确把重复次数设为0：

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 淡出+弹入的动画内容，比如alpha和scale -->
    <alpha
        android:fromAlpha="0.0"
        android:toAlpha="1.0"
        android:duration="600"/>
    <scale
        android:fromXScale="0.7"
        android:toXScale="1.0"
        android:fromYScale="0.7"
        android:toYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="600"/>
    
    <!-- 确保这两行要么删掉，要么设为0 -->
    <!-- android:repeatCount="0" -->
    <!-- android:repeatMode="restart" -->
</set>

2. 避免按钮点击事件重复绑定 #

检查你的代码，是不是多次调用了btnCancel1.setOnClickListener？比如如果createTextViews()方法里也绑定了点击事件，或者在其他生命周期方法里重复绑定，就会导致一次点击触发多次动画，看起来像是重复播放。

确保点击事件只绑定一次，比如只在onCreate里设置：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.your_layout)
    
    createTextViews()
    // 只在这里绑定一次点击事件
    btnCancel1.setOnClickListener {
        animateView(relLayout, R.anim.pop_in_fadein, 1)
    }
}

3. 优化animateView方法，避免动画叠加 #

你的animateView方法可能没有处理正在执行的旧动画，导致新动画和旧动画叠加，或者重复启动。修改方法，给每个TextView先取消旧动画，再启动新动画，同时明确设置不重复：

fun animateView(parent: RelativeLayout, animResId: Int, startDelay: Long) {
    parent.children.forEachIndexed { index, view ->
        if (view is TextView) {
            // 先清除当前View的所有动画，防止叠加
            view.clearAnimation()
            
            val anim = AnimationUtils.loadAnimation(parent.context, animResId)
            anim.startOffset = startDelay * index // 可选：给不同View设置延迟，形成序列动画
            anim.repeatCount = 0 // 强制设置不重复
            anim.setAnimationListener(object : Animation.AnimationListener {
                override fun onAnimationStart(animation: Animation?) {}
                
                override fun onAnimationEnd(animation: Animation?) {
                    // 这里不要写重新启动动画的代码！
                    // 比如如果之前在这里调用了animateView，就会导致循环
                }
                
                override fun onAnimationRepeat(animation: Animation?) {}
            })
            
            view.startAnimation(anim)
        }
    }
}

4. 检查动态创建TextView的逻辑 #

如果你的createTextViews()方法在每次按钮点击时都被调用，那会不断往RelativeLayout里添加新的TextView，旧的TextView并没有被移除。这样每次动画都会作用在所有新旧TextView上，看起来像是动画重复了。

解决办法：如果需要重新创建TextView，先清空RelativeLayout里的旧视图：

btnCancel1.setOnClickListener {
    // 清空旧的TextView
    relLayout.removeAllViews()
    createTextViews()
    animateView(relLayout, R.anim.pop_in_fadein, 1)
}

如果createTextViews()只需要执行一次，那就把它放在onCreate里，不要在点击事件里重复调用。

最后排查点 #

看看你有没有在动画结束的监听器onAnimationEnd里不小心重新调用了animateView，这会直接导致动画循环触发，一定要避免这种情况！

按照上面的步骤排查，应该就能解决动画重复的问题啦～

内容的提问来源于stack exchange，提问作者ASN