原生鸿蒙实况窗改版｜实况胶囊“不居中”究竟是谁的问题？
前阵子华为的pura80系列发售，好多人都发现pura80系列搭载的鸿蒙5.1系统实况窗变成居中了。于是我还特意去家附近的华为拿样机试了一下。但因为pura80全系都是不具备3D人脸功能的，也就是正面只有一个摄像头，即单挖孔，所以实况窗在单挖孔上的效果还算不错。当时看完之后一直有一个顾虑，就是这个居中实况窗放在我这个三挖孔的设备上，他会变成什么样子？
本来这两天在家闲着没事就在瞎找东西看，好巧不巧昨天听网上说原生鸿蒙的实况窗设计参考图改成了新版的居中样式，出于好奇我就也去开发者官网的文档里查了一下，发现图片确实已经是居中的版本了，而且三挖孔机型也明确写出仍然是居中胶囊，只不过是一个超长胶囊罢了。
实况胶囊有什么「问题」？
我们对于这么长的胶囊是否足够让所有人觉得“美观”暂且不提（毕竟原本实况窗在左上角的时候也照样有的是人嫌丑，已经习惯了），让我们来看看今天刷视频是遇到的一个人说新版实况窗有什么“毛病”：
如他所说啊，他所使用的这个不知道是什么的应用（因为它在实况窗显示的图标我实在是不认识，目前没见过）在5.1版本的实况窗上左右显示出现了显示重心偏移的问题。
但首先我们要认清一个问题，就是华为自己的软件对于实况窗的适配是很不错的，那也就意味着实况窗这个功能本身从华为底层设计上不存在不对称的问题。如果能明白这个道理，那么你再看这个视频的评论区，我想你也会笑。
评论区分为以下两派，一派是无脑黑的：
“天啊，华为这个都开抄了”
“没抄到精髓，或者说不会抄”
“基本的对称美都做不好，吹这个吹那个”
“这灵动岛很山寨”
……
还有一派是无脑捧的：
“居中就是灵动岛了”（言外之意就是华为故意要做成这么偏的）
“为什么要居中呢？这就是不对称美学”
“居中不就和别人一样吗？支持国产原创好吗”
“可以表现出差异性”
……
我不知道各位看没看笑啊，反正我是看笑了。看无脑黑的感觉来气，看无脑捧的又感觉都是一帮智障。
如果问我为什么笃定是应用设计上的问题而不是华为的问题呢？那话就又要说回华为的开发者文档了。正如我开头所说，华为的开发者文档中对于实况窗的各种形态都给出了详细的设计标准与设计要求，那我们来看看华为给出的要求是什么样子的。
看看官方文档
实况胶囊官方定位是：“实况窗将在挖孔居中的设备上进行软硬结合的显示。与状态栏固定元素（时间、信号、电池等）共存，产生联动与挤压。胶囊内需显示最精简、最重要的内容，保证用户一瞥即得。”
而针对居中单挖孔（代表系列pura系列手机）、居中三挖孔（代表系列为mate系pro及以上版本手机）及侧边挖孔（部分平板及折叠屏类产品），华为也给出了相对应的解决方案：胶囊与居中挖孔的设备软硬结合居中展示，在侧边挖孔或无孔场景下则居左展示。
这个通用胶囊有以下三个组成部分
- 胶囊：由系统提供默认黑色微渐变 / 纯黑透明度样式（#000000），根据场景自适应
- 图标：用于表示业务来源，需传入业务定制图标或应用logo，提升胶囊的易读性和辨识度
- 文本：支持传入1-2段文本内容，尽量精简避免冗余和超长跑马灯；颜色为#FFFFFF，不支持定制
其中胶囊和图标部分我们先放在一边，今天重点讨论文本部分，那我们来好好看看详细的文本规则
文本布局规则
在这部分，官方文档的第一句话就是：单文本时，图标单独显示在左侧，文本单独显示在右侧；双文本时，图标和主文本显示在左侧，副文本显示在右侧。
而为了确保胶囊整体美观性、信息效率等综合体验，华为还给出了以下两个开发建议：
- 建议接入双文本
- 建议将单段超长文本拆解为双文本
文本长度规则
考虑到多设备场景适配（包含单孔、多孔屏上的显示）
- 推荐 主文本：1-3个中文字符；副文本：1-6个中文字符
- 如传入超长文本，在不同设备可用空间上，用渐隐效果展示，支持跑马灯
我相信写到这聪明的就已经看明白了对吧，主文本在左，副文本在右，主文本建议1-3中文字符，副文本建议1-6中文字符且副文本支持超长跑马灯效果。此时再去看视频截图里那个不知名应用的实况窗截图你就会发现：它的主副文本内容的显示正好是颠倒的，这才导致了摄像头两边出现了十分严重的视觉不对称效果
事实上如果参考华为实况胶囊的设计规范里这个文本长度最大值的示意图，我们仔细看也不难发现，在三挖孔设备上，主副文字都存在且长度较长的时候似乎仍有一定的左偏移量。但预览效果毕竟只是预览效果，目前市面上常规用户手中暂时见不到三挖孔设备上的实际展示效果，因此在没有实际证据的情况下暂时对这种情况不予置评
跑马灯规则
- 为避免两端文本同时跑马造成使用困扰，仅支持胶囊右侧文本跑马灯
- 双文本时若主文本过长，有概率无机会完整显示；副文本超长则支持跑马灯两遍
综上所述：推荐主文本精简 + 副文本较长的字符组合方式，注意避免文本超长
从这部分能看到的一个信息是，文本超长的情况下，哪边会跑马灯那就意味着哪边是副文字内容了。但刷到的那个视频自始至终两边没有任何一边的文字出现过跑马灯，因此也只能暂时认为这就是应用适配有问题了，毕竟没有充足的证据证明新版实况胶囊是他为了“适应状态栏右侧图标多”而做出的“妥协”，尤其文档中并没有提及实况窗有需要避让状态栏其他图标的逻辑，只提到了“产生联动与挤压”。一般而言实况窗都需要显示当下最重要的信息，因此就算对信号显示产生遮挡我感觉也是合理的设计逻辑吧
写在最后
事实上突然写这玩意一方面是对于华为这个设计文档感兴趣，另一方面也是确实被那个视频下面的评论区气的火不打一处来啊。这些人都已经不是说不懂装懂能解决的问题了，完全是在瞎说八道嘛。说实话我在看见开发文档之前我也不懂，但既然不懂就不要参与讨论这么简单的道理都理解不了？真就是现在保胎技术太好了是不是人的都来混互联网了是吧？
另外如果大家在网上看到这种类型的东西，不管是无意吐槽还是有意引战，请务必有一点自己的思维，千万不要看人说啥就是啥，大忌啊！！！
各位走过路过还请点个追番
拜托啦！
