CoordinatorLayout中AppBarLayout及Toolbar显示异常问题咨询

我来帮你搞定这个头疼的问题！你遇到的AppBarLayout跑到状态栏下方、Toolbar高度异常、标题位置错乱的情况，大概率是**系统窗口适配（fitsSystemWindows）**的设置出了问题，再加上引入的子布局干扰了整体布局逻辑。下面给你一步步的解决方案：

核心原因分析 #

fitsSystemWindows这个属性决定了布局是否会预留状态栏、导航栏的空间。如果CoordinatorLayout或AppBarLayout没有正确设置该属性，再加上子布局可能也设置了该属性，就会导致布局计算混乱，出现Toolbar被状态栏遮挡的情况。

具体修复步骤 #

1. 调整CoordinatorLayout和AppBarLayout的fitsSystemWindows属性 #

确保根布局CoordinatorLayout和AppBarLayout都开启android:fitsSystemWindows="true"，这样它们会自动预留状态栏高度，避免被遮挡。修改后的布局代码示例：

<android.support.design.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"
    android:fitsSystemWindows="true"> <!-- 关键：开启系统窗口适配 -->

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true" <!-- AppBarLayout同样需要开启 -->
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize" <!-- 使用系统标准ActionBar高度 -->
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay"/>

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

    <!-- 你引入的子布局：注意不要给这个布局设置android:fitsSystemWindows="true" -->
    <include layout="@layout/your_included_layout"/>

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

2. 移除引入布局中的fitsSystemWindows属性 #

如果你的子布局（your_included_layout）里也设置了android:fitsSystemWindows="true"，一定要删掉它！这个属性会让子布局抢占系统窗口的适配权，导致CoordinatorLayout的设置失效，AppBarLayout就会被状态栏覆盖。

3. 检查Toolbar的高度设置 #

确保Toolbar的高度使用系统提供的?attr/actionBarSize，而不是固定值。这个属性会根据不同设备自动适配标准ActionBar高度，避免出现“高度只有一半”的异常。

4. 确认主题设置（如果用了透明状态栏） #

如果你的App主题设置了透明状态栏，比如：

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- 其他主题属性 -->
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>

那必须配合前面的fitsSystemWindows="true"设置，否则布局会直接延伸到状态栏下方，导致Toolbar被遮挡。

5. 统一库版本（避免混用support和AndroidX） #

如果你的项目已经迁移到AndroidX，记得把所有support组件换成AndroidX的对应组件：

• android.support.design.widget.CoordinatorLayout → com.google.android.material.appbar.CoordinatorLayout
• android.support.design.widget.AppBarLayout → com.google.android.material.appbar.AppBarLayout
• android.support.v7.widget.Toolbar → androidx.appcompat.widget.Toolbar

混用support和AndroidX库经常会导致各种布局兼容性问题，这也是常见的坑。

按照上面的步骤调整后，你的AppBarLayout应该会回到正确位置，Toolbar高度和标题也能正常显示了！

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