Navigation Drawer中include布局遮挡Fragment的问题解决咨询

问题根源 #

你的Activity布局采用了垂直方向的LinearLayout，并且把包含中间布局的<include>放在了Fragment容器FrameLayout的前面。由于LinearLayout是按顺序垂直排列子视图，如果你的中间布局高度设置为match_parent或者占据了大部分屏幕空间，就会完全覆盖在后面的FrameLayout（也就是Fragment的渲染容器），导致Fragment内容无法显示。

解决方案 #

根据你的需求，有两种常见的处理方式：

方案1：让中间布局作为固定区域，Fragment在下方显示

如果你的中间布局是Toolbar下方的固定内容（比如选择器栏），Fragment在它下面滚动显示，那么需要调整布局的高度属性，确保FrameLayout能占据剩余屏幕空间：

修改你的Activity布局中的LinearLayout部分：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- Toolbar 保持不变 -->
    <include
        layout="@layout/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <!-- 中间布局设置为wrap_content，只占据自身高度 -->
    <include
        layout="@layout/chooser_middle_end_part"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <!-- Fragment容器设置layout_weight="1"，占据剩余所有空间 -->
    <FrameLayout
        android:id="@+id/flContent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

</LinearLayout>

这样修改后，中间布局只会占用自己需要的高度，Fragment容器会填充剩下的屏幕空间，不会被遮挡。

方案2：中间布局作为悬浮层叠加在Fragment上方

如果你的中间布局是需要悬浮在Fragment内容之上的交互元素（比如操作按钮栏），那么需要把外层的LinearLayout换成FrameLayout，让中间布局和Fragment容器成为同级视图：

修改后的Activity布局核心部分：

<!-- 把外层LinearLayout替换为FrameLayout -->
<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Toolbar 保持不变 -->
    <include
        layout="@layout/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <!-- Fragment容器放在前面，作为底层内容 -->
    <FrameLayout
        android:id="@+id/flContent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="?attr/actionBarSize" /> <!-- 避开Toolbar高度 -->

    <!-- 中间布局放在后面，作为悬浮层 -->
    <include
        layout="@layout/chooser_middle_end_part"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom" /> <!-- 可以设置位置，比如底部 -->

</FrameLayout>

这种方式下，中间布局会叠加在Fragment内容之上，同时Fragment容器需要设置layout_marginTop避开Toolbar的高度，避免内容被Toolbar遮挡。

额外注意点 #

• 检查你chooser_middle_end_part布局的根视图高度，如果是match_parent，即使在方案1中也会导致问题，确保它的高度是wrap_content或者固定值。
• 如果你使用了app:layout_behavior，确保你的布局结构符合CoordinatorLayout的要求（如果你的外层是CoordinatorLayout的话，不过你的当前布局是DrawerLayout直接包裹LinearLayout，所以没问题）。

内容的提问来源于stack exchange，提问作者Marvin.H