Android 沉浸式状态栏

什么是沉浸式状态栏

严格来说，没有沉浸式状态栏这种定义，谷歌dalao说的是** Immersive Mode **沉浸式模式（不过我个人叫的挺顺口的，要改）。那么，什么是沉浸式模式呢？

首先理解一下我们的屏幕。大概是这样：

图片.png

我们常说的沉浸式表面上其实就是全屏模式。把导航栏、ActionBar、状态栏都隐藏起来，就会达到一种沉浸式的体验。

怎么使用

布局上没什么特别的，让你的内容 match_parent 填充满布局就好，然后就是隐藏掉多余的东西。
怎么隐藏呢?
在 onCreate（）的时候或者重写方法** onWindowFocusChanged **，使用代码 getWindow().getDecorView().setSystemUiVisibility()，把相应的属性添加进去就基本搞定了。

这里列举一下属性标签有什么：

• SYSTEM_UI_FLAG_FULLSCREEN： 隐藏状态栏

• SYSTEM_UI_FLAG_HIDE_NAVIGATION： 隐藏导航栏
• SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN： Activity全屏显示，但是状态栏不会被覆盖掉，让状态栏上浮在Activity上
• SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION： 让导航栏悬浮在Activity上
• SYSTEM_UI_FLAG_LAYOUT_STABLE： 保持整个View的稳定，使其不会随着SystemUI的变化而变化；
• SYSTEM_UI_FLAG_IMMERSIVE：沉浸模式；
• SYSTEM_UI_FLAG_IMMERSIVE_STICKY：沉浸模式且状态栏和导航栏出现片刻后会自动隐藏；

看起来很多，我们来挑几个重点的讲一下。
IMMERSIVE 是 Android 4.4 ( API19 ) 引入的新标签，当他和 FULLSCREEN、HIDE_NAVIGATION 一起引用时，会把导航栏和状态栏一起隐藏，让你的应用可以接受屏幕上任何地方的触摸事件。实现真正的全屏模式。

还有比较特别说明的是 IMMERSIVE_STICKY 这个粘性标签。就是沉浸模式下（比如你看小说或者视频的时候），从状态栏往内划一下，状态栏和导航栏就会显示一会，再自动隐藏。

举栗子

还是举例子好明白，让我们再来看一下这个例子。

沉浸模式（全屏体验）

        if ( Build.VERSION.SDK_INT >= 19) {
            getWindow().getDecorView().setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_FULLSCREEN
                | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
        }
    

全屏.gif

可能是我第三方模拟器的关系，我的导航栏并没有显示。但是我在我两部真机上测试都是状态栏和导航栏一起滑出来，大家可以测试一下。

加入的 LAYOUT_STABLE、LAYOUT_HIDE_NAVIGATION和LAYOUT_FULLSCREEN 属性是为了稳定中间的 content 布局不变化（虽然我什么都没加），中间的 content 可以放入 ImageView ，video 之类的东西。

如果想把状态栏设置为透明，可以加上一句 getWindow().setStatusBarColor(Color.TRANSPARENT); //将状态栏设置成透明色 。但是，只有 5.0 （API 21）及以上才支持

如何选择一种沉浸模式

• 图书，新闻等阅读类应用
• IMMERSIVE 、FULLSCREEN 、HIDE_NAVIGATION
• 真正的沉浸式应用，屏幕的边缘区域也可以和用户进行交互（比如某些游戏）
• IMMERSIVE_STICKY、FULLSCREEN 、HIDE_NAVIGATION
• 视频播放器
• FULLSCREEN 、HIDE_NAVIGATION 就够了

---

补充说明

前面说要使用 setSystemUiVisibility 可以放在 onCreate() 里面，我再测试了一下，发现会有个问题。先贴我的代码：

    @Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    if (Build.VERSION.SDK_INT >= 19) {
        getWindow().getDecorView().setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                        | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
        if (Build.VERSION.SDK_INT >= 21) {
            getWindow().setStatusBarColor(Color.BLUE);
        }
    }
    ActionBar actionBar = getSupportActionBar();
    actionBar.hide();
}

看图解释：

API21.gif

看图可以发现，如果在 onCreate 里面使用这个方法隐藏了状态栏和导航栏，但是当你按下 HOME 键后再返回这个 activity ，onCreate 方法是不会再调用的，他的状态栏和导航栏将不再隐藏，也就是他的 UI flag 被清除掉了。这时你只能重新启动这个activity，然而这是不符合需求的。

解决办法：在 **onWindowFocusChanged ** 里面调用就好。

@Override
public void onWindowFocusChanged(boolean hasFocus) {
    super.onWindowFocusChanged(hasFocus);
    if (hasFocus && Build.VERSION.SDK_INT >= 19) {//加了 hasFocus 
        View decorView = getWindow().getDecorView();
        decorView.setSystemUiVisibility(
            View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_FULLSCREEN
            | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
    }
}

---

参考资料:

1. 郭神的博客 : http://blog.csdn.net/guolin_blog/article/details/51763825
2. 谷歌的文档 : https://developer.android.com/training/system-ui/immersive.htm