View/Header折叠展开动画中途暂停实现求助（动画不流畅）

我之前在做类似的Header折叠交互时，也踩过动画卡顿和手势中断处理的坑，结合你的需求，分享几个亲测有效的方案：

一、换用属性动画（ValueAnimator）提升流畅度 #

传统的补间动画或者直接修改LayoutParams容易因为频繁触发View重绘/重排导致卡顿，推荐用ValueAnimator直接操控属性，减少额外开销：

// 示例：控制Header的translationY实现折叠/展开
private var headerAnimator: ValueAnimator? = null
private var currentProgress = 0f // 保存当前动画进度（0=完全展开，1=完全折叠）

fun startHeaderAnimation(targetProgress: Float) {
    headerAnimator?.cancel()
    headerAnimator = ValueAnimator.ofFloat(currentProgress, targetProgress).apply {
        duration = 300 // 根据需求调整动画时长
        interpolator = DecelerateInterpolator() // 更自然的减速插值器，避免生硬感
        addUpdateListener { animation ->
            currentProgress = animation.animatedValue as Float
            // 用translationY代替修改height，避免触发布局重排
            headerView.translationY = -currentProgress * headerView.height
        }
        start()
    }
}

同时开启硬件加速辅助动画渲染，减少卡顿：

headerView.setLayerType(View.LAYER_TYPE_HARDWARE, null)
// 动画结束后记得关闭硬件加速，避免不必要的内存占用
headerAnimator?.addListener(object : Animator.AnimatorListener {
    override fun onAnimationEnd(animation: Animator?) {
        headerView.setLayerType(View.LAYER_TYPE_NONE, null)
    }
    override fun onAnimationStart(animation: Animator?) {}
    override fun onAnimationCancel(animation: Animator?) {}
    override fun onAnimationRepeat(animation: Animator?) {}
})

二、手势监听实现动画暂停/停止 #

根据你的滚动触发场景，通过RecyclerView.OnScrollListener监听手指状态：

recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
    override fun onScrollStateChanged(recyclerView: RecyclerView, newState: Int) {
        super.onScrollStateChanged(recyclerView, newState)
        when(newState) {
            RecyclerView.SCROLL_STATE_IDLE -> {
                // 手指离开屏幕，暂停动画，停在当前状态
                headerAnimator?.pause()
                // 如果需要自动吸附到最近的展开/折叠状态，可以替换成下面的逻辑：
                // if (currentProgress > 0.5f) startHeaderAnimation(1f)
                // else startHeaderAnimation(0f)
            }
            RecyclerView.SCROLL_STATE_DRAGGING -> {
                // 用户再次触摸滚动，恢复之前的动画
                headerAnimator?.resume()
            }
        }
    }
})

如果是自定义触摸手势，直接在OnTouchListener里处理：

headerView.setOnTouchListener { v, event ->
    when(event.action) {
        MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
            headerAnimator?.pause()
        }
    }
    false
}

三、额外优化细节 #

• 避免在动画更新回调里做复杂计算：所有耗时逻辑提前处理，动画回调只做简单的属性赋值。
• 选择合适的插值器：比如FastOutSlowInInterpolator（Material Design官方推荐）会让动画过渡更自然，减少生硬感。
• 保存动画进度：通过currentProgress变量记录当前状态，后续恢复动画时可以直接从该进度继续，避免跳变。

展开状态效果：
展开状态Header

手指离开后的预期效果：
手指离开后暂停的Header

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