如何实现滚动时TabLayout吸附AppBar、横向Banner RecyclerView收起效果？

要实现这个滚动联动效果，核心是利用AndroidX的CoordinatorLayout和AppBarLayout组件，通过配置滚动标记控制各视图行为，具体步骤如下：

1. 搭建核心布局结构 #

以CoordinatorLayout作为根容器，它负责协调子视图的滚动联动；内部嵌套AppBarLayout管理顶部可折叠组件，依次放入Toolbar、横向横幅RecyclerView和TabLayout，最后添加主内容区域（如列表）。

完整布局示例：

<?xml version="1.0" encoding="utf-8"?>
<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">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <!-- Toolbar：滚动时收起至最小高度 -->
        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:title="Demo" />

        <!-- 横向横幅RecyclerView：滚动时完全收起 -->
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/banner_recycler"
            android:layout_width="match_parent"
            android:layout_height="120dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed" />

        <!-- TabLayout：其他组件收起后吸附在顶部 -->
        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            app:tabIndicatorColor="@android:color/white"
            app:tabTextColor="@android:color/white" />

    </com.google.android.material.appbar.AppBarLayout>

    <!-- 主内容列表：必须设置behavior关联AppBarLayout -->
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/content_recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

2. 关键参数说明 #

• scrollFlags：控制AppBarLayout子视图的滚动行为
  • scroll：标记该视图会跟随滚动事件移动，无此标记的视图固定不动
  • exitUntilCollapsed：视图向上滚动收起，直到达到自身最小高度（Toolbar默认最小高度为?attr/actionBarSize，横幅RecyclerView无设置则完全收起）
• app:layout_behavior：主内容区域必须设置此属性，值为@string/appbar_scrolling_view_behavior，确保滚动事件能被CoordinatorLayout监听，触发AppBarLayout的折叠/展开。

3. 代码补充配置 #

• 给横向横幅RecyclerView设置水平布局管理器：

// Kotlin代码示例
val bannerLayoutManager = LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false)
binding.bannerRecycler.layoutManager = bannerLayoutManager
// 绑定Adapter加载横幅数据
binding.bannerRecycler.adapter = BannerAdapter(yourBannerDataList)

• 确保项目依赖AndroidX Material组件库，在Module级build.gradle中添加：

implementation 'com.google.android.material:material:1.9.0'
// 版本可根据实际需求调整

4. 效果验证 #

向下滚动主内容列表时，Toolbar先收起至最小高度，随后横幅RecyclerView完全隐藏，最终TabLayout吸附在屏幕顶部；向上滚动时，组件按反向顺序展开显示。

内容的提问来源于stack exchange，提问作者Александр II