Android应用切换Fragment时内容重叠Toolbar问题咨询

你遇到的核心问题是承载Fragment的FrameLayout没有设置正确的顶部约束，导致它从屏幕最顶端开始布局，和上方的Toolbar发生了重叠。下面是具体的修复方案：

关键修复步骤 #

1. 给引入的Toolbar添加唯一ID，方便在ConstraintLayout中建立约束关系
2. 调整FrameLayout的约束规则，让它的顶部对齐Toolbar的底部，底部对齐BottomNavigationView的顶部，确保它只占据两者之间的空间

修改后的完整布局代码 #

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 
    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"
    tools:context=".DashboardActivity">

    <!-- 给Toolbar添加id，用于约束引用 -->
    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <!-- 修正FrameLayout的约束：顶部贴Toolbar底部，底部贴BottomNavigationView顶部 -->
    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toBottomOf="@+id/toolbar"
        app:layout_constraintBottom_toTopOf="@+id/navigationView" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigationView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:itemBackground="@android:color/white"
        app:itemIconTint="@color/cardview_dark_background"
        app:itemTextColor="@android:color/black"
        app:menu="@menu/navigation_menu" />

</android.support.constraint.ConstraintLayout>

修复逻辑说明 #

• 原来的FrameLayout没有设置顶部约束，默认会和父布局顶部对齐，自然会覆盖在Toolbar下方的区域
• 将FrameLayout的高度设为0dp（即match_constraint），配合上下约束，它会自动填充Toolbar和BottomNavigationView之间的所有可用空间，Fragment的内容就会在这个安全区域内展示，不会再和顶部Toolbar重叠

另外，确保你的Fragment根布局的高度设置为match_parent或者通过约束填满FrameLayout，这样Fragment内容就能完整展示在指定区域内。

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