android着色方案,Android 状态栏着色实践-CSDN博客

状态栏着色，也就是我们经常听到的沉浸式状态栏，关于沉浸式的称呼网上也有很多吐槽的，这里就不做过多讨论了，以下我们统称状态栏着色，这样我觉得更加容易理解。

从Android4.4开始，才可以实现状态栏着色，并且从5.0开始系统更加完善了这一功能，可直接在主题中设置@color/colorPrimaryDark或者getWindow().setStatusBarColor(color)来实现，但毕竟4.4+的机器还有很大的占比，所以就有必要寻求其它的解决方案。

第一种方案：

1、首先将手机手机状态栏透明化：if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {//5.0及以上

View decorView = getWindow().getDecorView(); int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN

| View.SYSTEM_UI_FLAG_LAYOUT_STABLE;

decorView.setSystemUiVisibility(option);

getWindow().setStatusBarColor(Color.TRANSPARENT);

} else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {//4.4到5.0

WindowManager.LayoutParams localLayoutParams = getWindow().getAttributes();

localLayoutParams.flags = (WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS | localLayoutParams.flags);

}

在相应的Activity或基类执行这段代码就ok了。

可见在4.4到5.0的系统、5.0及以上系统的处理方式有所不同，除了这种代码修改额方式外，还可以通过主题来修改，需要在values、values-v19、values-v21目录下分别创建相应的主题：//values

//values-v19

true

false

//values-v21

true

false

@android:color/transparent

给相应Activity或Application设置该主题就ok了。

两种方式根据需求选择就好了，到这里我们就完成了第一步，将状态栏透明化了。

2、给状态栏着色

完成了第一步，我们开始给状态栏加上想要的色彩吧！

将状态栏透明化后，直接运行项目会发现界面布局直接延伸到状态栏，针对这种情况首先可以在布局文件使用android:fitsSystemWindows="true"属性让布局不延伸到状态栏，接下来添加一个和状态栏高、宽相同的指定颜色View来覆盖被透明化的状态栏，或者使布局的背景颜色为需要的状态栏颜色。这两种方式在后边会说到，这里我们先看另外一种方式，也是个人比较喜欢的。我们分一下几种场景来讨论：

先做一些准备工作，在values、values-v19目录添加如下尺寸：//values0dp//values-v1925dp

关于25dp，在有些系统上可能有误差，这里不做讨论！

2.1 页面顶部使用Toolbar(或自定义title)

一般情况状态栏的颜色和Toolbar的颜色相同，既然状态栏透明化后，布局页面延伸到了状态栏，何不给Toolbar加上一个状态栏高度的顶部padding呢：

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@color/colorPrimary"

android:paddingTop="@dimen/padding_top"

android:theme="@style/AppTheme.AppBarOverlay" />

效果如下：

AAffA0nNPuCLAAAAAElFTkSuQmCC

至于自定义title的情况经测试也ok的，图就不贴了，有兴趣可看代码。

2.2、 DrawerLayout + NavigationView + Toolbar

同样先给Toolbar设置顶部padding，在4.4系统上看下效果：

AAffA0nNPuCLAAAAAElFTkSuQmCC

NavigationView竟然没延伸到状态栏，好吧，继续修改，当系统版本小于5.0时，进行如下设置：private void navViewToTop() { if (Build.VERSION.SDK_INT

mDrawerLayout.setFitsSystemWindows(true);

mDrawerLayout.setClipToPadding(false);

}

再看效果：

AAffA0nNPuCLAAAAAElFTkSuQmCC

2.3、页面顶部是一张图片

这种其实是最简单的，因为状态栏透明化后，布局已经延伸到状态，所以不需要其它额外操作：<?xml version="1.0" encoding="utf-8"?>

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

android:layout_width="match_parent"

android:layout_height="200dp"

android:background="@mipmap/top_image" />

效果如下：

AAffA0nNPuCLAAAAAElFTkSuQmCC

2.4、页面底部切换Tab + fragment

某些情况下，当我们的页面采用底部切换Tab + 多个fragment时，可能每个fragment的顶部颜色不一样。如何实现状态栏颜色跟随fragment切换来变化呢？其实原理和2.1类似，这里我们每个fragment采用自定义的Title，先看FragmentOne的布局：<?xml version="1.0" encoding="utf-8"?>

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="#ff9900"

android:paddingTop="@dimen/padding_top">

android:layout_width="match_parent"

android:layout_height="50dp"

android:gravity="center"

android:text="fragment one" />

我们设置Title的背景为橙黄色、同时设置paddingTop，FragmentTwo的布局类似，只是Title的背景为蓝色。然后将两个Fragment添加到Activity中，最后看下切换的效果：

AAffA0nNPuCLAAAAAElFTkSuQmCC

嗯，效果还是不错的，没有延迟的情况！可惜没早点发掘这种方式，以前的方案效果略不理想。

第二种方案：

在方案一中，我们没有使用android:fitsSystemWindows="true"属性，而是将布局延伸到状态栏来处理，这次我们使用android:fitsSystemWindows="true"属性，不让布局延伸到状态栏，这时状态栏就是透明的，然后添加一个和状态栏高、宽相同的指定颜色View来覆盖被透明化的状态栏。我们一步步来实现。

1、第一步还是先将状态栏透明化，方法同上。

2、在布局文件中添加android:fitsSystemWindows="true"属性：<?xml version="1.0" encoding="utf-8"?>

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:fitsSystemWindows="true"

android:orientation="vertical">

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@color/colorPrimary"

android:theme="@style/AppTheme.AppBarOverlay"