如何拥有透明的状态栏却让导航栏不透明？

Question

我想在我的应用程序上有一个透明的状态栏（所以背景在后面），但我希望底部的导航栏保持黑色。

我可以通过设置getWindow（），使两者都透明。setFlags（WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS，WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS）

我可以通过设置

然而，如果不使底部也透明，我就不能使顶部完全透明。使用

有人知道如何在不影响导航栏的情况下制作一个完全透明的状态栏吗？




Answer 1

我猜出来了：D

private void setTransparentStatusBarOnly(Activity activity) {
    activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
    activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
    // this lines ensure only the status-bar to become transparent without affecting the nav-bar
    getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
}

Answer 2

从API级别30开始，大多数窗口标志都不建议使用，

使用WindowManager。布局参数。FLAG_LAYOUT_NO_LIMITS将使活动与导航栏重叠，并使其透明。

因此，要在API级别30上实现这一点，可以使用setDecorFitsSystemWindows（）：

if (Build.VERSION.SDK_INT in 21..29) { 
    window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)
    window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS)
    window.decorView.systemUiVisibility =
        SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or SYSTEM_UI_FLAG_LAYOUT_STABLE
    window.statusBarColor = Color.TRANSPARENT
}

if (Build.VERSION.SDK_INT >= 30) {
    // Setting status bar color as not working with XML attribute
    window.statusBarColor = Color.TRANSPARENT
    // Making status bar overlaps with the activity
    WindowCompat.setDecorFitsSystemWindows(window, false)
}

并将以下内容保留在styles.xml：

<item name="android:windowTranslucentStatus" tools:targetApi="kitkat">true</item>

使现代化

如果你面对的是布局的底部部分被底部导航所遮挡；请更详细地检查这个答案。

Answer 3

要独立控制KitKat上状态栏和导航栏的半透明性，只需在活动的onCreate（）方法中使用窗口管理器标志FLAG_transparscent_status和FLAG_transparscent_navigation。然而，在KitKat上，系统可能会在状态栏上绘制一个半透明的渐变纸条。这似乎是特定于设备的：在我的KitKat设备上，它是完全透明的，但在Android Studio emulator上，它显示了一个scrim。

在Lolliop或更高版本上，您可以使用Window#setStatusBarColor（int）方法以及FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS窗口管理器标志来设置状态栏颜色。请注意，在这种情况下，您清除了FLAG_TRANSLUSCENT_STATUS标志。如果您希望颜色是透明的，这意味着您的应用程序支持全屏模式并设置系统UI可见性，因此需要您的应用程序来管理状态栏背景颜色。

把它们放在一起看起来像这样：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    Window window = getWindow();
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
        window.setStatusBarColor(0x00000000);  // transparent
    } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        int flags = WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS;
        window.addFlags(flags);
    }
    setContentView(R.layout.main);
    window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
}

使用的布局示例：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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:background="#ff00ff00"
    android:fitsSystemWindows="false"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Hello World!"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:orientation="vertical">

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

    </LinearLayout>

</RelativeLayout>

示例屏幕截图。

Lollipop：

奇巧：