什么是沉浸式状态栏
严格来说,没有沉浸式状态栏这种定义,谷歌dalao说的是** Immersive Mode **沉浸式模式(不过我个人叫的挺顺口的,要改)。那么,什么是沉浸式模式呢?
首先理解一下我们的屏幕。大概是这样:
我们常说的沉浸式表面上其实就是全屏模式。把导航栏、ActionBar、状态栏都隐藏起来,就会达到一种沉浸式的体验。
怎么使用
布局上没什么特别的,让你的内容 match_parent
填充满布局就好,然后就是隐藏掉多余的东西。
怎么隐藏呢?
在 onCreate()的时候或者重写方法** onWindowFocusChanged **,使用代码 getWindow().getDecorView().setSystemUiVisibility(<View.属性标签>)
,把相应的属性添加进去就基本搞定了。
这里列举一下属性标签有什么:
- 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);
}
可能是我第三方模拟器的关系,我的导航栏并没有显示。但是我在我两部真机上测试都是状态栏和导航栏一起滑出来,大家可以测试一下。
加入的 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();
}
看图解释:
看图可以发现,如果在 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);
}
}
参考资料: