理解状态栏变色

其实是不想写这篇文章的，因为相关的文章已经非常的多了，但是还是写了，因为在上一篇文章投稿给洋神以后，看到评论里有人问设置状态栏变色和透明的问题，而相关的文章中都是教怎么改变状态栏颜色的，我自己在看了之后照着做虽然是实现效果了，但是却不理解，这样遇到问题了还是会懵逼，所以花了一点时间了解清楚，然后写成这篇文章。请大家轻喷。

---

超前提示：

状态栏变色是 5.0 之后才引入的特性，4.4 通过曲线救国的方式也可以实现

5.0 以后的方式

1. 在 xml 中设置

我们都知道 5.0 以后 Android 引入了 Material Design 主题。而 MD（Material Design）中有 colorPrimaryDark 跟 statusBarColor 这两个属性，而 statusBarColor 默认引用了 colorPrimaryDark 的值，所以通过这两个颜色都可以设置状态栏的颜色。类似的，通过 statusBarColor 属性可以改变导航栏的颜色。

2. 在代码中设置

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // 5.0 之后才加入的方法
    getWindow().setStatusBarColor(Color.TRANSPARENT);
    getWindow().setNavigationBarColor(Color.TRANSPARENT);
}

可以看到，在 5.0 中改变状态栏跟导航栏的颜色非常的简单

所以重点就是如果在 4.4 中改变状态栏跟导航栏的颜色。

4.4 的方式

因为在 4.4 时候还没有 MD 主题，所以就无法使用上面提到的那两个属性。但是 4.4 的时候引入了两个新的属性：

• windowTranslucentStatus
• windowTranslucentNavigation

顾名思义，这两个属性就是将状态栏跟导航栏给透明化。

下面就来实战一下：

布局很简单，只有一个 ImageView

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/wallpaper"/>
</FrameLayout>

然后设置状态栏跟导航栏为透明

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light">
        <!-- 透明化状态栏跟导航栏 -->
        <item name="android:windowTranslucentNavigation">true</item>
        <item name="android:windowTranslucentStatus">true</item>

        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

运行一下：

可以看到状态栏跟导航栏已经变成透明的了，但是仔细看会发现其实有黑色的渐变效果，这个是没有办法控制的。等等，不仅状态栏跟导航栏变透明了，ImageView 也