Android 打开侧边抽屉时状态栏无法完全透明、抽屉头部被遮挡如何解决？

你已实现的基础透明状态栏配置可正常作用于主界面，对应效果如下：

你当前使用的状态栏配置代码如下：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    binding = ActivityMain2Binding.inflate(layoutInflater)
    setContentView(binding.root)
    setupStatusBarColor()
}

private fun setupStatusBarColor() {
    window.apply {
        clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)
        addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS)
        decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
        statusBarColor = Color.TRANSPARENT
    }
}

打开侧边抽屉时出现头部布局被状态栏遮挡、状态栏失去透明效果的异常，对应表现如下：

问题原因 #

该异常由两个未适配的点共同导致：

• DrawerLayout默认会在打开抽屉时给状态栏区域覆盖半透明遮罩，导致状态栏失去透明效果
• 抽屉布局默认没有处理沉浸式状态栏下的间距适配，头部内容会延伸到状态栏区域被遮挡

解决方案 #

1. XML布局适配 #

修改根布局中DrawerLayout的配置，关闭默认状态栏遮罩，分别配置主内容和抽屉的适配属性：

<androidx.drawerlayout.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawerLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    <!-- 关闭DrawerLayout默认的fitsSystemWindows处理 -->
    android:fitsSystemWindows="false"
    <!-- 设置状态栏背景为透明，移除半透明遮罩 -->
    app:statusBarBackground="@android:color/transparent">

    <!-- 主内容布局，fitsSystemWindows设为true避免主内容被状态栏遮挡 -->
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true">
        <!-- 主界面内容代码 -->
    </FrameLayout>

    <!-- 抽屉布局，以NavigationView为例 -->
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/navigationView"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/layout_drawer_header"/>

</androidx.drawerlayout.widget.DrawerLayout>

2. 代码层适配抽屉头部间距 #

在Activity的onCreate方法中新增抽屉头部适配逻辑，避免头部内容被状态栏遮挡：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    binding = ActivityMain2Binding.inflate(layoutInflater)
    setContentView(binding.root)
    setupStatusBarColor()
    // 新增抽屉适配调用
    setupDrawerHeaderFit()
}

private fun setupDrawerHeaderFit() {
    // 获取系统状态栏高度
    val statusBarHeightRes = resources.getIdentifier("status_bar_height", "dimen", "android")
    val statusBarHeight = if (statusBarHeightRes > 0) resources.getDimensionPixelSize(statusBarHeightRes) else 0
    // 获取抽屉头部布局
    val drawerHeader = binding.navigationView.getHeaderView(0)
    // 给头部添加上部padding，值等于状态栏高度
    drawerHeader.setPadding(
        drawerHeader.paddingLeft,
        drawerHeader.paddingTop + statusBarHeight,
        drawerHeader.paddingRight,
        drawerHeader.paddingBottom
    )
}

可选适配说明 #

如果你的设计需求是抽屉头部的背景需要延伸到状态栏区域，仅内容不被遮挡，只需要把抽屉头部布局的fitsSystemWindows设为false，并把背景设置到抽屉根布局即可，无需额外添加padding。

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