android 玩转状态栏之透明/深色/浅色模式间相互切换

先介绍下需求背景:

先看设计稿





这是设计要求的交互效果,默认进入页面时是透明状态栏+白色状态栏文字. 往下滑动的时候状态栏与标题栏渐变为白底黑字.往上滑动时又恢复成透明+白字.

标题栏渐变那个需求我另开个文章说,这里就只讲下状态栏的变色.

首先看需求第一点,是透明状态栏,这个很简单.直接贴代码.

在onCreate里调用下面方法,根据系统版本改变状态栏

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { // 5.0 以上全透明状态栏
//取消设置透明状态栏,使 ContentView 内容不再覆盖状态栏 加下面几句可以去除透明状态栏的灰色阴影,实现纯透明
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//需要设置这个 flag 才能调用 setStatusBarColor 来设置状态栏颜色
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.getDecorView().setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
//6.0 以上可以设置状态栏的字体为黑色.使用下面注释的这行打开亮色状态栏模式,实现黑色字体,白底的需求用这句setStatusBarColor(Color.WHITE);
//            window.getDecorView().setSystemUiVisibility(
//                    View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
window.setStatusBarColor(Color.TRANSPARENT);

}else if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){//4.4 全透明状态栏
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}

那么,我们把这个亮色模式打开后如何恢复回来呢?被我试到了下面这个TAG可以实现.

window.getDecorView().setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_VISIBLE);

使用这个就会让状态栏的黑字变回到白字.

下面看下我所实现的效果吧.

android7.0下



android5.0下



android4.4下