如何基于RecyclerView滑动进度手动控制背景过渡动画？

Hey, 刚好我之前也折腾过把RecyclerView当ViewPager用的场景，还做过绑定滑动进度的背景动画，给你梳理下具体的实现思路和步骤，应该能解决你的问题：

核心逻辑拆解 #

你要实现的本质就是把RecyclerView页面切换时的滑动插值进度（0到1的百分比），直接映射到背景过渡动画的进度上，核心分两步：先拿到滑动的实时进度，再手动控制背景动画的状态。

第一步：获取RecyclerView的滑动进度 #

既然你用的是David Medenjak的ViewPager方案，大概率是用了LinearSnapHelper来做页面吸附。要拿到滑动进度，我们可以给RecyclerView加个滚动监听，实时计算当前页面的偏移比例：

// 先把滚动监听存起来，方便后续移除避免内存泄漏
private val scrollListener = object : RecyclerView.OnScrollListener() {
    override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
        super.onScrolled(recyclerView, dx, dy)
        val layoutManager = recyclerView.layoutManager as LinearLayoutManager
        val firstVisiblePos = layoutManager.findFirstVisibleItemPosition()
        val visibleView = layoutManager.findViewByPosition(firstVisiblePos) ?: return
        
        // 横向滑动的情况：用View的左偏移量除以View宽度，得到0~1的进度值
        // 纵向滑动就换成visibleView.top / visibleView.height
        val scrollProgress = Math.abs(visibleView.left).toFloat() / visibleView.width.toFloat()
        // 把进度传给背景动画更新方法
        updateBackgroundTransition(scrollProgress)
    }
}

// 在RecyclerView初始化时添加监听
recyclerView.addOnScrollListener(scrollListener)

这里要注意：如果你的RecyclerView是反向布局（比如从右往左滑），需要调整偏移量的计算逻辑，保证进度值始终在0到1之间——0代表当前页面完全显示，1代表即将切换到下一页。

第二步：手动控制背景过渡动画 #

TransitionDrawable本身没有直接暴露设置进度的API，所以有两种方案可选：

方案1：用ValueAnimator思路自定义颜色过渡（推荐） #

直接放弃TransitionDrawable，手动计算颜色混合值，完全由我们控制进度，灵活性拉满且无兼容性风险：

// 假设你有一个页面颜色数组，对应每个页面的背景色
private val pageBgColors = intArrayOf(
    ContextCompat.getColor(this, R.color.page1_bg),
    ContextCompat.getColor(this, R.color.page2_bg),
    ContextCompat.getColor(this, R.color.page3_bg)
)

private fun updateBackgroundTransition(progress: Float) {
    val layoutManager = recyclerView.layoutManager as LinearLayoutManager
    val currentPos = layoutManager.findFirstVisibleItemPosition()
    // 处理边界：最后一页不需要再过渡
    if (currentPos >= pageBgColors.size - 1) return
    
    val currentColor = pageBgColors[currentPos]
    val nextColor = pageBgColors[currentPos + 1]
    // 计算当前进度对应的混合颜色
    val blendedColor = blendColors(currentColor, nextColor, progress)
    recyclerView.setBackgroundColor(blendedColor)
}

// 颜色混合工具方法，把两个颜色按比例混合
private fun blendColors(color1: Int, color2: Int, ratio: Float): Int {
    val inverseRatio = 1f - ratio
    val r = Color.red(color1) * inverseRatio + Color.red(color2) * ratio
    val g = Color.green(color1) * inverseRatio + Color.green(color2) * ratio
    val b = Color.blue(color1) * inverseRatio + Color.blue(color2) * ratio
    return Color.rgb(r.toInt(), g.toInt(), b.toInt())
}

如果想要过渡更自然，还可以给进度值加插值器，比如：

val interpolatedProgress = AccelerateDecelerateInterpolator().getInterpolation(progress)

方案2：通过反射修改TransitionDrawable进度（不推荐，但可用） #

如果你一定要沿用TransitionDrawable，可以通过反射修改它内部的进度字段，但要注意不同Android版本可能有兼容性风险：

private fun updateBackgroundTransition(progress: Float) {
    val transitionDrawable = recyclerView.background as TransitionDrawable
    try {
        // 开启交叉淡入模式
        val crossFadeField = TransitionDrawable::class.java.getDeclaredField("mCrossFadeEnabled")
        crossFadeField.isAccessible = true
        crossFadeField.set(transitionDrawable, true)
        
        // 设置进度值，范围0~1
        val progressField = TransitionDrawable::class.java.getDeclaredField("mProgress")
        progressField.isAccessible = true
        progressField.set(transitionDrawable, progress)
        
        // 强制重绘生效
        transitionDrawable.invalidateSelf()
    } catch (e: Exception) {
        e.printStackTrace()
        // 反射失败就降级用方案1
        val currentColor = ContextCompat.getColor(this, R.color.default_current)
        val nextColor = ContextCompat.getColor(this, R.color.default_next)
        recyclerView.setBackgroundColor(blendColors(currentColor, nextColor, progress))
    }
}

额外优化建议 #

• 记得在Activity/Fragment销毁时移除滚动监听：recyclerView.removeOnScrollListener(scrollListener)，避免内存泄漏。
• 如果是多页面场景，一定要处理边界情况（比如最后一页不能再往后过渡），避免数组越界。
• 可以把颜色混合逻辑封装成工具类，方便复用。

内容的提问来源于stack exchange，提问作者mr.boo