Material Components 1.4.0升级后,设置状态栏颜色同时保持导航抽屉覆盖状态栏的实现方法
解决Material Components 1.4.0中导航抽屉滑过状态栏的问题
我来帮你搞定这个升级后的小麻烦~在Material Components 1.1.0之后,抽屉对状态栏的处理逻辑有了更新,单纯设置android:statusBarColor确实会让状态栏固定住,不让抽屉覆盖。不过只要调整几个配置就能解决,具体步骤如下:
1. 调整主题配置
首先确保你的App主题(或者Toolbar对应的主题)继承自Material Components的官方主题,然后新增一个关键属性drawerLayoutStatusBarBackgroundColor,用来指定抽屉展开时状态栏区域的背景色。比如:
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar"> <!-- 保留你原来的配置 --> <item name="windowActionBar">false</item> <item name="windowNoTitle">true</item> <item name="android:windowDrawsSystemBarBackgrounds">true</item> <item name="android:statusBarColor">@color/md_red_800</item> <!-- 你想要的状态栏颜色 --> <item name="drawerLayoutStatusBarBackgroundColor">@android:color/transparent</item> <!-- 抽屉覆盖时设为透明 --> <item name="android:actionOverflowButtonStyle">@style/AppTheme.Toolbar.Overflow</item> </style>
这个drawerLayoutStatusBarBackgroundColor是Material Components 1.1.0+新增的属性,专门用来处理抽屉和状态栏的交互,设为透明就能让抽屉内容自然滑过状态栏。
2. 检查DrawerLayout的布局属性
在你的布局文件里,给DrawerLayout加上android:fitsSystemWindows="true",同时抽屉的内容(比如NavigationView)不需要设置这个属性(或者设为false),示例如下:
<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/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <!-- 主内容区域(包含Toolbar等) --> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 你的页面内容 --> </LinearLayout> <!-- 导航抽屉 --> <com.google.android.material.navigation.NavigationView android:id="@+id/nav_view" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="start" app:menu="@menu/nav_menu"/> </androidx.drawerlayout.widget.DrawerLayout>
3. 备选方案:代码动态设置
如果XML配置没生效,也可以在Activity的onCreate里动态设置抽屉的状态栏背景:
DrawerLayout drawerLayout = findViewById(R.id.drawer_layout); drawerLayout.setStatusBarBackgroundResource(android.R.color.transparent);
这样配置之后,收起抽屉时状态栏是你设置的红色,展开抽屉时抽屉会完整滑过状态栏区域,和你之前1.0.0版本的效果一致啦~
内容的提问来源于stack exchange,提问作者lostintranslation
相关产品推荐
相关产品推荐

