美文网首页UI
Android 沉浸式状态栏

Android 沉浸式状态栏

作者: 钢镚koala | 来源:发表于2018-03-19 13:41 被阅读5次

1. 什么是沉浸式状态栏

所谓的沉浸式状态栏(Immersive Mode),是一种沉浸模式,在这种模式下,状态栏(State Bar)和导航栏(Navigation Bar)隐藏起来,也就是我们所谓的全屏模式。全屏模式分为两种:一种是向后倾斜模式,即全屏后,轻触屏幕任意位置即可出现状态栏和导航栏;另一种是沉浸模式,即全屏后,从屏幕某一个方向滑动后出现状态栏或导航栏。(https://developer.android.com/design/patterns/fullscreen.html#immersive)

全屏模式的实际应用场景:打游戏、播幻灯片、播视频、展示画廊、阅读等等。如图:

2.沉浸式状态栏实现

隐藏状态栏和ActionBar的方式在4.1系统之上和4.1系统之下还是不一样的,这里我就不准备考虑4.1系统之下的兼容性了,因为过于老的系统根本就没有提供沉浸式体验的支持。

第一步:标题栏Title Bar的隐藏

现在新建立的项目,一般默认新建Activity都是集成AppCompatActivity,这样我们很容易去掉标题栏。代码如下:

getSupportActionBar().hide();

第二步:状态栏State Bar的隐藏

通过getWindow().getDecorView()获取当前窗口的view,然后通过view的Flag设置状态栏:

int option = View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY|

View.SYSTEM_UI_FLAG_FULLSCREEN|

View.SYSTEM_UI_FLAG_HIDE_NAVIGATION|

View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION|

View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN| 

View.SYSTEM_UI_FLAG_LAYOUT_STABLE;

getWindow().getDecorView().setSystemUiVisibility(option);

以上是沉浸式模式的UI Flag,如果你需要实现沉浸式模式,直接将上面的代码复制过去就行了。需要注意的是,只有在Android 4.4及以上系统才支持沉浸式模式,因此需要增加版本判断 Build.VERSION.SDK_INT>=19。


相关文章

网友评论

    本文标题:Android 沉浸式状态栏

    本文链接:https://www.haomeiwen.com/subject/ixskgttx.html