RecyclerView滚动时隐藏/显示自定义LinearLayout导航栏

针对你遇到的两个问题，我给你整理了两个实用的方案，既能解决动画生硬的问题，也能完美适配自定义导航栏的需求：

方案一：改进滚动监听，用属性动画实现平滑过渡 #

你之前用setVisibility(GONE)导致动画生硬，是因为GONE会瞬间移除布局，破坏过渡效果。我们可以改用平移动画，让导航栏滑出/滑入屏幕，而不是直接隐藏：

实现步骤： #

1. 记录导航栏的高度，滚动时根据方向控制它的translationY属性（垂直平移）；
2. 用ValueAnimator做平滑的动画过渡，避免生硬的状态切换；
3. 滚动监听中只判断滚动方向，触发对应的动画。

代码示例（Kotlin）： #

首先定义几个变量记录状态：

private var lastScrollY = 0
private val navBarHeight by lazy { binding.customNavBar.measuredHeight }
private var isNavBarVisible = true // 标记导航栏当前是否可见

然后给RecyclerView添加滚动监听：

binding.recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
    override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
        super.onScrolled(recyclerView, dx, dy)
        // dy>0 表示向上滚动，dy<0 表示向下滚动，加个阈值避免微小滚动触发动画
        if (dy > 10 && isNavBarVisible) {
            hideNavBar()
        } else if (dy < -10 && !isNavBarVisible) {
            showNavBar()
        }
    }
})

实现隐藏和显示的动画方法：

private fun hideNavBar() {
    isNavBarVisible = false
    ValueAnimator.ofFloat(0f, -navBarHeight.toFloat()).apply {
        duration = 300 // 动画时长，可调整
        interpolator = AccelerateDecelerateInterpolator() // 平滑插值器
        addUpdateListener { animation ->
            binding.customNavBar.translationY = animation.animatedValue as Float
        }
        start()
    }
}

private fun showNavBar() {
    isNavBarVisible = true
    ValueAnimator.ofFloat(-navBarHeight.toFloat(), 0f).apply {
        duration = 300
        interpolator = AccelerateDecelerateInterpolator()
        addUpdateListener { animation ->
            binding.customNavBar.translationY = animation.animatedValue as Float
        }
        start()
    }
}

优势： #

• 不用改动现有布局结构，直接在原有代码上修改；
• 动画平滑自然，不会出现布局跳动的问题；
• 导航栏只是平移出屏幕，不会影响其他布局的测量。

方案二：将自定义导航栏整合到Toolbar，配合CoordinatorLayout使用 #

CoordinatorLayout不仅能搭配系统Toolbar，也能完美支持自定义内容的Toolbar——因为Toolbar本质是一个ViewGroup，你可以把原来的自定义导航栏内容直接放到Toolbar里面，利用CoordinatorLayout的滚动行为实现自动隐藏/显示：

实现步骤： #

1. 把原来的自定义导航栏（返回按钮、标题、选项按钮）嵌套到Toolbar中；
2. 在CoordinatorLayout里给Toolbar设置scroll|enterAlways的滚动标志；
3. 给RecyclerView设置对应的滚动行为，让它和Toolbar联动。

布局示例（XML）： #

<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 自定义Toolbar，包含你的导航栏内容 -->
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/custom_toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/white"
        app:layout_scrollFlags="scroll|enterAlways">

        <!-- 自定义返回按钮 -->
        <ImageView
            android:id="@+id/back_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_back"
            android:padding="16dp"/>

        <!-- 标题文本 -->
        <TextView
            android:id="@+id/title_tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="活动名称"
            android:textSize="18sp"
            android:textColor="@color/black"
            android:layout_gravity="center"/>

        <!-- 自定义选项按钮 -->
        <ImageView
            android:id="@+id/option_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_option"
            android:padding="16dp"
            android:layout_gravity="end"/>

    </androidx.appcompat.widget.Toolbar>

    <!-- RecyclerView，必须设置对应的滚动行为 -->
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

代码示例（Kotlin）： #

在Activity中给按钮设置点击事件即可，不需要额外的滚动监听：

binding.backBtn.setOnClickListener { finish() }
binding.optionBtn.setOnClickListener {
    // 你的选项按钮逻辑
}

优势： #

• 利用系统原生的滚动行为，代码更简洁，不需要自己写动画和滚动监听；
• 动画效果是系统优化过的，非常流畅；
• 完全保留你自定义导航栏的所有功能和样式，只是把容器换成了Toolbar。

方案选择建议： #

• 如果你的现有布局已经很复杂，不想大改，选方案一；
• 如果是新项目或者想优化架构，选方案二，更符合Android官方的设计规范，扩展性更好。

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