在导航抽屉中为 Android 状态栏着色

Question

在我正在构建的这个应用程序中，我在我的活动中添加了一个导航抽屉片段。我使用的是 5.0，所以我已经能够设置 primaryColor 和 primaryColorDark 以获得正确的颜色。我决定尝试将我的导航抽屉设置为与 5.0 中的 Google Now 抽屉非常相似，其中导航抽屉有自己的状态栏背景。 （不能发图，声望不够>.>）

我遵循了这个问题的建议here，这对我有很大帮助。当我拉出导航抽屉时，我已经在状态栏下绘制了它。唯一的麻烦是，我不知道如何设置抽屉中显示的状态栏的颜色。目前，它只显示白色。

以下是我的样式和代码的相关部分：

活动布局：

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Main"
    android:fitsSystemWindows="true">

    <!-- main content -->
    ...

    <!-- Drawer fragment -->
    <fragment
        android:id="@+id/navigation_drawer"
        android:layout_width="@dimen/navigation_drawer_width"
        android:layout_height="match_parent"
        android:layout_gravity="left|start"
        android:theme="@style/DrawerTheme"
        android:fitsSystemWindows="true"
        android:choiceMode="singleChoice"
        android:name="com.myname.appname.NavigationDrawerFragment"
        tools:layout="@layout/fragment_navigation_drawer" />

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

片段布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/navDrawerFragment"
    android:theme="@style/DrawerTheme"
    android:background="@color/WindowBackground"
    tools:context=".NavigationDrawerFragment"
    android:fitsSystemWindows="true">

     <!-- content here -->

</RelativeLayout>

根据上面的链接，为我的活动设置状态栏的颜色（这部分工作正常）：

public void onCreate(Bundled savedInstanceState) {
    super.onCreate(savedInstanceState);

    // ....

    drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
    drawerLayout.setDrawerShadow(R.drawable.drawer_shadow, Gravity.START);
    drawerLayout.setStatusBarBackgroundColor(getResources().getColor(R.color.colorPrimaryDark));

    // ....
}

最后，我与活动相关联的样式，以及我“尝试”分配给片段的内容。

<style name="StatusBarActivityTheme" parent="MyAppTheme">
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>


<style name="DrawerTheme" parent="MyAppTheme">
    <item name="android:statusBarColor">#000000</item>
    <item name="android:colorPrimaryDark">#000000</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
</style>

提前感谢您发送给我的任何帮助！我怀疑我的问题与 Google Now 的主屏幕如何具有透明状态栏有关，并且仅在导航抽屉期间对其进行着色，但任何相反的消息都会很棒！

Answer 1

通过您的设置，导航抽屉只是一个在状态栏（您已通过StatusBarActivityTheme 设置为透明的颜色）下方绘制其背景（您已定义为android:background="@color/WindowBackground"）的视图。系统只看Activity主题设置状态栏颜色；将android:statusBarColor 分配给孩子无效。

简单的解决方案是将导航抽屉片段布局的android:background 更改为您想要的颜色。如果您希望图像下方的部分保持白色，则可以选择在抽屉布局中添加一个空视图，使用 android:background="@color/WindowBackground" 或其他颜色。

---

如果您希望导航抽屉中的 内容 延伸到状态栏下方，则需要做更多的工作。它开始偏移的原因是因为您将android:fitsSystemWindows 属性设置为true，这反过来又调用视图的默认fitSystemWindows()。正如文档解释的那样，此方法采用插图（即在我们的示例中为状态栏的高度）并将其应用为视图的填充（在您的示例中，这将成为导航抽屉片段的 RelativeLayout 的顶部填充）。

绕过这种填充的一种方法是覆盖视图的fitSystemWindows() 方法。我将您引导至 Google 的开源 IO Schedule 应用程序 - 具体来说，他们使用 ScrimInsetsScrollView 作为其 Nav Drawer 中的根元素。修改后的ScrollView 应用您选择的颜色的稀松布（通过自定义app:insetForeground 属性设置）并消耗插图，即不再有填充！

ScrimInsetsScrollView 可以用作模型，为任何 View 后代编写您自己的版本，真的 - 请参阅几乎相同的 ScrimInsetsFrameLayout。