Android NavigationView（material 支持库）无法与状态栏正确交互

Question

我正在按照 here to integrate the new Material Design Support library's NavigationView 中的示例应用到我的应用程序中。

我的总体布局是这样的：

activity.xml

<android.support.v4.widget.DrawerLayout
    android:fitsSystemWindows="true">

    <!-- main content -->

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

</android.support.v4.widget.DrawerLayout>

themes.xml

<style name="MyTheme" extends "Theme.AppCompat.Light.NoActionBar">
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
</style>

MyActivity.java

onCreate(..) {
    ..
    // This color can be different depending on some conditions.
    DrawerLayout.setStatusBarBackground(color);
}

但是，我一直得到一个灰色的状态栏，并且 NavigationView 没有在状态栏下方绘制。我认为灰色状态栏是因为我没有在主题中定义自定义 colorPrimaryDark attr。但是，我假设 DrawerLayout.setStatusBarBackground 会覆盖并设置状态栏颜色。我找不到很多关于新 NavigationView 的文档。有人有什么想法吗？

Answer 1

在 values-v21/themes 中为 API 21+ 添加您的样式。xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="MyTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    </style>
</resources>

在 activity.xml 中，尝试在 NavigationView 上设置 android:fitsSystemWindows="true"（除了 DrawerLayout）。

Answer 2

唉，我想通了我的问题。我们使用一些奇怪的抽象来在右侧添加调试抽屉。结果，整个视图层次实际上是这样的

<DrawerLayout id="debug">

    <LinearLayout id="debug_drawer" />

    <DrawerLayout id="nav_drawer" fitsSystemWindows="true">

        <NavigationView .... />

    </DrawerLayout>

</DrawerLayout>

所以我在错误的抽屉上调用 DrawerLayout.setStatusBarColor 并在错误的抽屉上设置 fitsSystemWindows。因此，window 永远不会与状态栏交互:(

Answer 3

对于每个为此苦苦挣扎的人，您的布局文件应该是这样的：

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    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">

    ...

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/drawer_header"
        app:menu="@menu/menu_drawer"/>

</android.support.v4.widget.DrawerLayout>

你必须包括

android:fitsSystemWindows="true"

在 DrawerLayout 和 NavigationView 中。

Android NavigationView（material 支持库）无法与状态栏正确交互

Android NavigationView (material support lib) doesn't interact with the status bar properly

android

android-support-library

material-design

android-design-library