Android:具有动态 actionBar 颜色和 DrawerLayout 的透明状态栏

Question

我有一个使用 DrawerLayout 的 Activity 。我们的客户要求我们根据从 DrawerLayout 中选择的项目动态更改此 Activity 的操作栏颜色和相应的状态栏颜色。这很容易做到。但是，我的问题是，当我动态更改状态栏颜色时，我无法保持状态栏透明。当我打开抽屉时，彩色状态栏覆盖了 DrawerLayout 的顶部，如下所示:

但是，我希望我的 DrawerLayout 看起来像这样:

我可以用下面一行来做到这一点:

<item name="android:windowTranslucentStatus">true</item>

不过，我的问题不是不能设置状态栏的透明度。我的问题是状态栏和操作栏颜色的动态变化不适用于 windowTranslucentStatus。即使在我调用 getWindow().setStatusBarColor() 之后，我的状态栏颜色仍然是 colorPrimaryDark(上图中状态栏上可见的芥末黄色)。

现在，我关注了this教程和this和 this stackoverflow 问题等等，但无法解决问题。所有这些文章都说，当我将 windowTranslucentStatus 设置为 真。之后，我应该能够向操作栏添加一些填充，并且简单地更改操作栏颜色也会导致相同颜色的较暗状态栏，因为状态栏实际上是半透明的并且与我的操作栏重叠。但是，由于某种原因，我的情况不会发生这种情况。无论我将 fitsSystemWindows 设置为 true 或 false 还是完全删除该属性，操作栏都会停留在原处。操作栏总是在状态栏下方，当然，如果我设置了透明度，它总是黄色的。

我还尝试在以编程方式更改状态栏颜色时将其设置为 alpha。这确实使状态栏有些透明，但看起来很奇怪，因为它不再是真正的黑暗。删除 CoordinatorLayout 也无济于事。我花了几个小时试图解决这个问题，现在很沮丧。任何帮助是极大的赞赏。

我的activity_main:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">

<include
    layout="@layout/app_bar_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

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

    <include layout="@layout/nav_header_main" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/nav_menu_recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="@dimen/nav_header_height"
        android:clipToPadding="false"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/size_14dp"
        app:layoutManager="LinearLayoutManager" />
</android.support.design.widget.NavigationView>

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

这是我的 app_bar_main 的 XML:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
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:theme="@style/AppTheme.AppBarOverlay"
    app:elevation="0dp">


    <FrameLayout
        android:id="@+id/toolbar_container"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:popupTheme="@style/AppTheme.PopupOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary" />

        <com.quintype.sakshipost.Widgets.CustomMaterialSearchView
            android:id="@+id/search_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </FrameLayout>

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

<include layout="@layout/content_main" />

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

Answer 1

您的问题是因为 getWindow().setStatusBarColor() 不能很好地与 DrawerLayout 一起工作。为了使状态栏保持半透明并能够更改其颜色，您必须遵循以下过程:

在您的 v21/styles.xml 文件中添加/修改以下主题，如下所示:

<style name="AppTheme.NoActionBar" parent="AppTheme">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowTranslucentStatus">true</item>
</style>

这是标准 DrawerLayout 使用的主题(当然，假设您在具有 DrawerLayout 的 Activity 中使用此主题)。如您所知，这将使您的状态栏变得半透明。

接下来，从 app_bar_main 的 CoordinatorLayout 中删除 android:fitsSystemWindows="true"。

接下来，无论您在哪里更改工具栏/状态栏的颜色，都使用 drawerLayout.setStatusBarBackground(colorDrawable) 使用与工具栏相同的颜色(当然，假设引用您的 DrawerLayout 称为 drawerLayout)。请注意，drawerLayout.setStatusBarBackground() 方法接受一个 Drawable 对象，这与 window.setStatusBarColor() 方法不同，后者接受一个 int 颜色，因此您可能必须使用如下方法将颜色转换为可绘制对象:

new ColorDrawable(ContextCompat.getColor(getApplicationContext(), R.color.colorPrimary))

这将确保您的状态栏是半透明的，并使其能够改变颜色。希望你能够让它发挥作用。