你说你看到了沉浸模式,你可能只是见到鬼了

Bilibili for Android 的 Redesign 文章正在路上,没有那么快完成,那么我想先写一篇文章来谈谈我强调了很多遍的“沉浸模式”问题。

我都不敢相信,现在 2015 年快过一半了,还有不少所谓 Android 爱好者分不清“沉浸模式”和“透明栏”之间的区别。

那好,我们来好好捋一捋“沉浸模式”究竟是个什么玩意。

什么是沉浸模式?

从 Android 4.4 开始,Android 为 "setSystemUiVisibility()" 提供了一个新的标记 "SYSTEM_UI_FLAG_IMMERSIVE",就是我们所谈的 "Immersive Mode",也就是沉浸模式,全称为 "Immersive Full-Screen Mode" 。

Immersive Full-Screen Mode

Google 提供这个新模式的初衷,是为了让应用能够实现真正完整的全屏模式体验。

之前 Android 靠两个标记实现全屏模式,一个是 "SYSTEM_UI_FLAG_FULLSCREEN",另一个是 "SYSTEM_UI_FLAG_HIDE_NAVIGATION"(仅适用于使用导航栏的设备,即虚拟按键) 。

这两个标记都存在一些问题,例如使用第一个标记的时候,除非 App 提供暂时退出全屏模式的功能(例如部分电子书软件中点击一次屏幕中央位置),用户是一直都没法看见状态栏的。这样,如果用户想去看看通知中心有什么通知,那就必须点击一次屏幕,显示状态栏,然后才能调出通知中心。

而第二个标记的问题在于,Google 认为导航栏对于用户来说是十分重要的,所以只会短暂隐藏导航栏。一旦用户做其他操作,例如点击一次屏幕,导航栏就会马上被重新调出。这样的设定对于看图软件,视频软件等等没什么大问题,但是对于游戏之类用户需要经常点击屏幕的 App,那就几乎是悲剧了——这也是为什么你在 Android 4.4 之前找不到什么全屏模式会自动隐藏导航栏的应用。

那么 Google 面对这样的问题自然也不会坐视不管。还记得 iOS 是怎么处理用户在全屏应用下调出通知中心/控制中心操作的么?对,用户做一个向内滑动的手势,一个小箭头就会出现,在不影响当前应用全屏的情况下引导用户操作。

iOS 在全屏的情况下,用户在原有状态栏区域向内滑动,会调出小箭头指引用户打开通知中心。

Google 借鉴了 iOS 的逻辑,4.4 之后加入的这个 Immersive Full-Screen Mode 允许用户在应用全屏的情况下,通过在原有的状态栏/导航栏区域内做向内滑动的手势来实现短暂调出状态栏和导航栏的操作,且不会影响应用的正常全屏,短暂调出的状态栏和导航栏会呈半透明状态,并且在一段时间内或者用户与应用内元素进行互动的情况下自动隐藏。


短暂调出的状态栏和导航栏,会在特定情况下自动隐藏

这个新加入的特性理所当然地受到了广泛好评:从此 Android 终于可以在全屏应用下不影响用户的正常操作了,难怪 Android Developers 页面中会这么描述 Immersive Full-Screen Mode:

...lets your app go truly "full screen."

当然,讲了这么多有关“沉浸模式”的介绍,目的并不是要告诉你“沉浸模式”有多么多么好,而是为了告诉你,目前你们所说的“支持沉浸模式”“沉浸状态栏”等等,和真正的“沉浸模式”,即 Immersive Full-Screen Mode 是一点关系都没有的。

接下来我要告诉你们,你们口中的“沉浸”究竟是个什么东西。

“沉浸状态栏”究竟是什么?

Google 在 Android 4.4 的 API 描述页面里提到了“Translucent system UI styling”,即半透明化的系统UI风格。

这个“半透明化”包括了状态栏和通知栏,当开发者让应用支持这个新特性的时候,状态栏和导航栏可以单独/同时变为渐变的半透明样式。


半透明后的状态栏,显示出渐变的半透明式背景

说到这里大家应该都明白了——没错,这就是你们口中经常提到的“沉浸模式”“沉浸状态栏”。记住了,他们的学名是"Translucent Bars",透明栏,包括了状态栏(Translucent status bar)和导航栏(Translucent navigation bar)。

在 Android 5.0 之后引入了 Material Design,状态栏和导航栏也玩出了更多花样。现在除了原有的“半透明”模式以外,还有“全透明”以及“变色”模式,一种会完全隐藏背景,另一种可以取色作为背景颜色。

不同的状态栏风格
不同的导航栏风格,可以注意到加入了全透明(Transparent)背景

有关更多 Material Design 中关于系统栏的描述可以参考这里

总结

如果你认真看到了这里,那么你应该明白了一个重要的事情:此“沉浸”非彼“沉浸”。

真正的沉浸模式,指的是一种全屏模式,而你一般在开发者/爱好者/用户那里听到的“沉浸模式”绝大部分情况下指的是“半透明栏”或者是 Android 5.0 之后加入的“全透明/变色栏”。至于所谓“沉浸式状态栏/导航栏”之类的描述,则完全是无稽之谈。

关于国人对于“半透明栏”和“沉浸模式”之间的误解是怎么产生的,我并不清楚,或许是当时某个科技网站的小编理解错误,翻译新闻时将两个东西扯在了一起;也或许是某个开发者在介绍透明栏时误以为“沉浸模式”是恰当的翻译,但总之,错并不是问题,知错不改才是问题。

如果你能理解这一点,请再也不要弄混这两个完全不一样的东西了。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,275评论 25 707
  • 关于沉浸式状态栏一词的说法从何而来我们无从考证。但这确实是个错误的说法先引用官方的一段话。 Immersive f...
    ifjgm阅读 8,983评论 3 46
  • 网上谈论“沉浸式”的文章多的不可胜数,有人把“沉浸式”叫做“沉浸式状态栏”,还有人称作为“透明状态栏”、“变色状态...
    zhuhf阅读 3,877评论 6 69
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,684评论 22 664
  • 夏天来了,嘴馋的她即便是挺着一个大肚子也得去买个解暑的西瓜来吃。于是她去了超市一次,是到是直奔水果那的西瓜去的,不...
    德吉梅朵阅读 383评论 0 0