什么是沉浸式状态栏

严格来说，没有沉浸式状态栏这种定义，谷歌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);

}

}

参考资料: