Android 沉浸式状态栏

什么是沉浸式状态栏

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

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

图片.png

我们常说的沉浸式表面上其实就是全屏模式。把导航栏、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 ) 引入的新标签,当他和 FULLSCREENHIDE_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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,591评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,448评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,823评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,204评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,228评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,190评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,078评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,923评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,334评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,550评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,727评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,428评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,022评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,672评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,826评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,734评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,619评论 2 354

推荐阅读更多精彩内容