完全透明的导航栏，但不应影响Android上的状态栏

Question

我需要一个屏幕，有一个完全透明的导航栏，但状态栏应该有彩色口音。

我尝试了不同的解决方案，但都不管用。

1-尝试使用XML更改颜色

  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/zingat_blue_text</item>
    <item name="colorPrimaryDark">@color/zingat_blue_text</item>
    <item name="colorAccent">@color/zingat_blue_text</item>
    <item name="android:colorBackground">@android:color/white</item>
</style>

<style name="NoActionBar" parent="AppTheme">
    <item name="android:navigationBarColor">@android:color/transparent</item>
    <item name="android:windowTranslucentStatus">false</item>
    <item name="android:windowTranslucentNavigation">false</item>
</style>

当我尝试上面的代码时，导航栏如下图所示。这是不透明的

2-试图更改windowTranslucentNavigation

我试图设置android： windowTransLucentNaviation=true和android： windowTransLucentState=false如下所示。

<style name="NoActionBar" parent="AppTheme">
    <item name="android:navigationBarColor">@android:color/transparent</item>
    <item name="android:windowTranslucentStatus">false</item>
    <item name="android:windowTranslucentNavigation">true</item>// CHANGED THIS LINE
</style>

在这种情况下，状态栏和导航栏都会产生影响，并显示如下图所示。导航栏看起来有点透明，但即使我将windowTranslucentStatus设置为false，它也有透明的背景工具栏显示状态栏的底部。

3-尝试java代码

Window window = getWindow();
window.setFlags( WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);

在这个cas中，导航栏看起来完全透明，但状态栏也看起来透明，工具栏像解决方案2一样向上滑动状态栏的底部。

我尝试了下面的解决方案，但都不管用

• 如何使状态栏透明，但导航栏不透明

谢谢你提前通知我。

Answer 1

我想你想在状态栏和导航栏后面绘制视图，你可以用新的WindowInsetterAPI来设置系统插入高度的填充（包括状态栏和导航栏）。

首先将这些标志组合起来：系统界面标志布局全屏、系统界面标志布局稳定、系统界面标志布局隐藏导航

例子：

activity.window.decorView.apply {
            systemUiVisibility =
                systemUiVisibility or
                        View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or
                        View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
                        View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
        }

然后您需要您的状态栏透明的颜色和设置为黑暗以便用户可以看到它

<item name="android:statusBarColor">@android:color/transparent</item>    
// Set status bar color to dark 
<item name="android:windowLightStatusBar">true</item>
// Optionally if you also want transparent navigation bar
<item name="android:navigationBarColor">@android:color/transparent</item>

因为你是在状态栏后面绘图，所以你的顶视图和底部需要填充状态栏的高度，使其对用户可见（但是如果你想让你的图像放在状态栏后面，不要对其应用填充）。

要填充，您需要通过以下代码收听WindowInset：

ViewCompat.setOnApplyWindowInsetsListener(view) { v, inset ->
        val systemInsets = inset.systemWindowInsets
        v.setPadding(v.paddingLeft, systemInsets.top,
            v.paddingRight, systemInsets.bottom);
        inset
    }

为了减少样板WindowInset侦听器代码，可以使用Insetter，只需通过数据绑定将填充直接应用于XML。