透明状态栏不适用于 windowTranslucentNavigation="false"

Question

我正在开发一个Activity，我需要在其中使导航栏不透明，并且在运行 5.0+（API 21+）的设备上使状态栏透明。下面是我使用的样式，以及对我的问题的解释。

AppTheme 扩展 Theme.AppCompat.Light.NoActionBar

<item name="android:statusBarColor">@color/transparent</item>
<item name="android:windowActionBar">false</item>
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">@color/welbe_red_transparent</item>

FullscreenTheme 扩展 AppTheme

<item name="android:windowNoTitle">true</item>
<item name="android:statusBarColor">@color/transparent</item>
<item name="android:windowTranslucentNavigation">true</item>

这使应用看起来像这样

如果我删除android:windowTranslucentNavigation 样式，或将其设置为Fullscreen 中的false，它会修复导航栏问题。问题是状态栏完全变成白色，而不是保持透明并显示其背后的内容。

我曾尝试在我的布局中使用fitsSystemWindow="true"，但它并没有解决问题。有人知道为什么会这样吗？

Answer 1

android:windowTranslucentNavigation 做了一件android:statusBarColor 没有做的事情，那就是请求SYSTEM_UI_FLAG_LAYOUT_STABLE 和SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN 标志。

这些是您需要请求才能在状态栏后面绘制的。

在您的Activity 的onCreate 中请求他们：

getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

或者，您也可以简单地设置您的应用程序主题背景，它也会在您的状态栏后面弹出。

更多信息here。

Answer 2

据我所知，在低于 19 的 API 上设置状态栏的颜色没有合适的方法。

对于 API 19+，您可以将与 windowTranslucentNavigation 类似的属性用于状态栏：

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

注意事项：

• 你得到一个白色状态栏的原因是因为

  <item name="android:statusBarColor">@color/transparent</item> 
  

• some hacks 可以在特定制造商的设备上运行，但我自己不会使用它们。

Answer 3

我为此奋斗了 3 个多小时。将所有内容包装在 CoordinatorLayout 中，它似乎是唯一一个注意 fitSystemWindow="true" 或 "false"

这是我的主要活动片段

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/content_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

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

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

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

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

这是我的工具栏布局

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:theme="@style/ToolbarTheme"
        app:popupTheme="@style/AppTheme.PopupOverlay">

        <android.support.v7.widget.AppCompatImageView
            android:layout_width="wrap_content"
            android:layout_height="?actionBarSize"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:adjustViewBounds="true"
            app:srcCompat="@drawable/ic_fynd_logo_red"/>

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

如您所见，我的片段布局使 google 地图绘制在状态栏下方。

我有一个公司徽标所在的操作栏。

其他 ui 按钮“layout_action_buttons”也包裹在 Coordinator 布局中，因此 fitSystemsWindows 可以正常工作。

检查一下。

Answer 4

在任何活动中实现这一目标

1. 添加样式：

 <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
                <item name="colorPrimary">@color/colorPrimary</item>
                <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
                <item name="colorAccent">@color/colorAccent</item>
                <item name="android:statusBarColor">@android:color/transparent</item>
                <item name="android:windowBackground">@android:color/white</item>
            </style>

1. 在 XML 中使用 CoordinatorLayout 作为根布局

2. 在 oncreate() 方法中，在 setcontentview 使用之前

   window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_STABLE 或 View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN

Answer 5

对于最新的 android 版本 R 和向后兼容性，这对我有用。

WindowCompat.getInsetsController(window, window.decorView)?.isAppearanceLightStatusBars =false /* true for dark icon on StatusBar and false for white icon on StatusBar */
WindowCompat.setDecorFitsSystemWindows(window, false)
WindowCompat.getInsetsController(window, window.decorView)?.show(WindowInsetsCompat.Type.statusBars())
ViewCompat.setOnApplyWindowInsetsListener(findViewById(android.R.id.content)) { rootView, insets ->
    val navigationBarHeight = insets.getInsets(WindowInsetsCompat.Type.navigationBars()).bottom
    rootView.setPadding(0, 0, 0, navigationBarHeight)
    insets
}

Fragment 可以使用activity?.window...