Android开发：如何实现滚动时将TabLayout固定在Toolbar下方

你现有布局没有将头部控件纳入AppBarLayout的联动体系，错误地将Toolbar、封面、头像直接作为CoordinatorLayout的直接子项，仅把TabLayout单独放入AppBarLayout，导致滚动联动逻辑完全失效。

• 正确的联动逻辑是：所有需要随页面滚动收起的头部内容（封面、头像）都要放在AppBarLayout内部，不需要收起的固定控件（TabLayout）作为AppBarLayout的最后一个子项，不设置滚动标记，即可自动停靠在AppBarLayout底部，等上层可滚动内容完全滑走后，自动固定在Toolbar正下方。
• 你的ViewPager2已经配置了正确的appbar_scrolling_view_behavior，但因为AppBarLayout没有正确配置滚动参数，所以无法触发联动效果。

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        tools:context=".view.ProfileFragment">

        <!-- 头部联动容器 -->
        <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@null"
            app:elevation="0dp">

            <!-- 可折叠头部区域，包含Toolbar、封面、头像 -->
            <com.google.android.material.appbar.CollapsingToolbarLayout
                android:id="@+id/collapsingToolbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_scrollFlags="scroll|exitUntilCollapsed"
                app:contentScrim="@color/white">

                <androidx.appcompat.widget.Toolbar
                    android:id="@+id/myToolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    android:background="@color/white"
                    android:elevation="8dp"
                    app:navigationIcon="?attr/homeAsUpIndicator"
                    app:title="@string/profile"
                    app:layout_collapseMode="pin" />

                <!-- 封面图 -->
                <androidx.cardview.widget.CardView
                    android:id="@+id/coverPhoto"
                    android:layout_width="match_parent"
                    android:layout_height="200dp"
                    android:layout_marginHorizontal="24dp"
                    android:layout_marginTop="?attr/actionBarSize"
                    app:layout_collapseMode="parallax">

                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:scaleType="centerCrop"
                        android:src="@drawable/ic_launcher_background" />
                </androidx.cardview.widget.CardView>

                <!-- 头像 -->
                <androidx.cardview.widget.CardView
                    android:id="@+id/profile_photo"
                    android:layout_width="96dp"
                    android:layout_height="96dp"
                    android:layout_gravity="bottom|center_horizontal"
                    android:layout_marginBottom="24dp"
                    app:cardCornerRadius="29dp">

                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:src="@drawable/ic_baseline_person" />
                </androidx.cardview.widget.CardView>

                <!-- 修改头像按钮 -->
                <androidx.cardview.widget.CardView
                    android:id="@+id/iconChange"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="bottom|center_horizontal"
                    android:layout_marginBottom="24dp"
                    android:translationX="60dp"
                    app:cardBackgroundColor="@color/light_orange"
                    app:cardCornerRadius="16dp">

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:padding="5dp"
                        android:src="@drawable/ic_round_camera"
                        app:tint="@color/white" />
                </androidx.cardview.widget.CardView>

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

            <!-- 固定TabLayout，放在可折叠区域外部，不会随滚动收起 -->
            <com.google.android.material.tabs.TabLayout
                android:id="@+id/tabLayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white"
                app:tabGravity="fill"
                app:tabMode="fixed" />

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

        <!-- ViewPager2 自动适配避让AppBarLayout高度 -->
        <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    </androidx.coordinatorlayout.widget.CoordinatorLayout>
</layout>

• 滚动标记配置：给CollapsingToolbarLayout设置app:layout_scrollFlags="scroll|exitUntilCollapsed"，表示只有可折叠区域完全折叠到Toolbar高度后才会停止收起，此时TabLayout会正好停靠在Toolbar正下方。
• Toolbar固定：给Toolbar设置app:layout_collapseMode="pin"，保证折叠过程中Toolbar不会随头部内容滑出屏幕。
• TabLayout固定逻辑：将TabLayout作为AppBarLayout的直接子项，放在CollapsingToolbarLayout外侧，不设置任何滚动标记，即可永久固定在头部区域底部，不会随滚动收起。
• ViewPager高度适配：将ViewPager的高度从wrap_content改为match_parent，配合appbar_scrolling_view_behavior会自动避让AppBarLayout的高度，不会出现内容被遮挡的问题。
• 原有的锚定布局逻辑可以根据设计需求调整，当前代码用layout_gravity和margin直接控制控件位置，联动过程中不会出现错位问题。

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