如何在Kotlin中实现五种背景色的无限循环切换

TransitionDrawable仅支持两层元素的淡入淡出，无法直接实现多色循环过渡。要完成五种颜色的无限平滑切换，可以通过ValueAnimator逐对处理颜色渐变，并在每次过渡结束后自动启动下一轮，实现循环效果。

实现代码 #

import android.animation.Animator
import android.animation.ValueAnimator
import android.graphics.Color
import android.graphics.ColorDrawable
import android.view.View

// 定义循环的颜色数组
private val cycleColors = intArrayOf(
    Color.RED,
    Color.YELLOW,
    Color.MAGENTA,
    Color.parseColor("#FFA500"),
    Color.GREEN
)
private var currentColorPos = 0
private var colorAnimator: ValueAnimator? = null

/**
 * 启动无限颜色循环过渡
 */
fun View.startInfiniteColorCycle() {
    val nextColorPos = (currentColorPos + 1) % cycleColors.size

    colorAnimator = ValueAnimator.ofArgb(cycleColors[currentColorPos], cycleColors[nextColorPos]).apply {
        duration = 2000 // 过渡时长，与原需求一致
        addUpdateListener { anim ->
            background = ColorDrawable(anim.animatedValue as Int)
        }
        addListener(object : Animator.AnimatorListener {
            override fun onAnimationStart(anim: Animator?) = Unit
            override fun onAnimationCancel(anim: Animator?) = Unit
            override fun onAnimationRepeat(anim: Animator?) = Unit

            override fun onAnimationEnd(anim: Animator?) {
                currentColorPos = nextColorPos
                startInfiniteColorCycle() // 结束后启动下一轮过渡
            }
        })
        start()
    }
}

/**
 * 停止颜色循环，需在生命周期销毁时调用避免内存泄漏
 */
fun stopColorCycle() {
    colorAnimator?.cancel()
    colorAnimator = null
}

使用说明 #

• 在需要启动循环的位置调用目标View的startInfiniteColorCycle()方法，例如onCreate中：

  override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      findViewById<View>(R.id.target_view).startInfiniteColorCycle()
  }
  

• 在页面销毁时（如onDestroy）调用stopColorCycle()，终止动画并释放资源。

如果不需要平滑渐变效果，也可以用协程定时切换颜色，但ValueAnimator能提供和TransitionDrawable一致的淡入淡出体验。

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