如何让AppBarLayout可折叠并覆盖FrameLayout内容布局？

你的问题核心出在布局结构逻辑错误和属性设置混乱上，导致CoordinatorLayout无法正确协调AppBarLayout与滚动内容的联动。下面是具体问题点和修复方案：

核心问题拆解 #

• 你把CoordinatorLayout嵌套在RelativeLayout里，这完全违背了Design库的设计逻辑——CoordinatorLayout必须作为根布局，才能接管子View之间的滚动交互。
• app:layout_collapseMode="pin"是给AppBarLayout的子View（比如Toolbar）设置的属性，直接给AppBarLayout本身设置这个属性完全无效。
• 滚动内容容器（fragment_container）和AppBarLayout不在同一个CoordinatorLayout下，导致滚动事件根本传递不到AppBarLayout。

修复后的完整布局代码 #

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 
    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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <!-- 内容容器：必须和AppBarLayout同属CoordinatorLayout子View，且绑定滚动行为 -->
    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

    <!-- AppBarLayout：放在内容容器之后，确保它叠加在内容之上 -->
    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarLayout"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@android:color/transparent"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:elevation="4dp"> <!-- 保留阴影确保叠加层级，不需要可设为0dp -->

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            style="?android:attr/toolbarStyle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:minHeight="?attr/actionBarSize"
            app:popupTheme="@style/ToolbarStyle"
            app:layout_scrollFlags="scroll|exitUntilCollapsed" <!-- 核心滚动规则：滚动时折叠到保留Toolbar最小高度 -->
            app:layout_collapseMode="pin"/> <!-- 给Toolbar设置pin模式，折叠时固定在顶部 -->

    </android.support.design.widget.AppBarLayout>

</android.support.design.widget.CoordinatorLayout>

关键调整说明 #

1. 根布局替换为CoordinatorLayout：这是实现滚动联动的基础，所有需要联动的View必须是它的直接子View。
2. 调整View顺序：把AppBarLayout放在fragment_container之后，利用CoordinatorLayout的绘制顺序规则，让AppBar自然叠加在内容之上（如果需要更明确的层级，也可以通过android:translationZ手动设置优先级）。
3. 修正Toolbar的滚动属性：
   • app:layout_scrollFlags="scroll|exitUntilCollapsed"：表示Toolbar会随内容滚动向上折叠，直到保留自身最小高度。如果需要完全折叠，可以改为scroll|enterAlwaysCollapsed，按需调整。
   • 仅给Toolbar设置app:layout_collapseMode="pin"，确保折叠时Toolbar固定在顶部。
4. 移除无效属性：删掉了AppBarLayout上的layout_alignParentTop（CoordinatorLayout不兼容RelativeLayout的定位属性），以及fragment_container上的android:nestedScrollingEnabled="true"——这个属性应该设置在Fragment内部的滚动View（比如RecyclerView、NestedScrollView）上。

额外注意事项 #

• 确保Fragment内部的滚动View开启嵌套滚动：在XML中设置android:nestedScrollingEnabled="true"，或在代码中调用setNestedScrollingEnabled(true)。
• 如果需要更复杂的折叠效果（比如标题缩放、背景渐变），可以在AppBarLayout内部嵌套CollapsingToolbarLayout，再将Toolbar放入其中，搭配layout_collapseMode="parallax"等属性实现更丰富的动效。

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