震惊:苹果手机电池栏“黑白无常”

前言:

当程序员👨🏻‍💻遇到难以解决的bug时,大家都会说同样的口头禅:真是见了鬼了(建国后不可以)

现象:

手机电池栏左黑右白,如下图







👈🏻左边的时间是黑色的字体,右边的信号和电池是白色的字体👉🏻,这种感觉就像电池栏在呼喊:

我与你之间虽只差一个灵动岛的距离,却已是黑白相隔

心路历程:

初步断定应该是UIStatusBarStyle的设置问题,查看App的infoplist文件发现确实有 View controller-based status bar appearance = YES的相关设置,有特殊需要的界面就需要自己手动处理一下

less 复制代码
- (UIStatusBarStyle)preferredStatusBarStyle {
    if (@avaliable(iOS 13.0,*)) {
        return XXXX;
    } else {
        return XXXXX;
    }
    return XXXXXXX;
}

但是本着谁污染谁治理的原则,我没有特殊的场景我不处理,别的地方设置了也不应该影响我吧。再退一步来说,就算影响了,也不应该给我显示成这种左黑右白的鬼样子吧。不过产品说这个功能很高级,可以保留。玩笑归玩笑,问题还是得解决。

解决方案:

最先想到的肯定是给出问题的界面实现一下 preferredStatusBarStyle,效果确实不错,解决了,如图:







先解决了问题上线再说,就像罗永浩说的:







但是这该死的求知欲天天折磨着我,直到今天在搞包体积的时候,脚本检测到这个大的背景图,发现是从左往右渐变加深的,难道和图片有关系?本着试一试的原则,把图片删除的同时并且把preferredStatusBarStyle的代码注释掉,竟然好了,不可思议:







找设计师要了不带渐变的图片,又尝试了一把







对比俩种情况不难发现:

•无背景图,系统的导航栏显示的是黑色

•有背景图,系统的导航栏显示的是白色

💡💡 是不是UIKit对导航栏背景图做了监听?目的是为了让用户可以清晰的看到电池栏的信息?

带着这个猜测,去看了下去年的WWDC,果然找到了答案:

在iOS17中,default样式会根据内容的深浅调整status bar的颜色。

由于没有手动处理preferredStatusBarStyle,而背景图又是从左到右渐变加深,所以电池栏显示成了左黑右白。

后语:

由此可见:

1、遇到难以解决的问题,把锅甩给系统bug是多么的机智🐶;

2、建国后还真的是:





参考链接:

developer.apple.com/videos/play...

相关推荐
摹客29 分钟前
【3D设计】界面设计中的3D元素:应用场景+5款工具横评(含Three.js)
前端
Hilaku33 分钟前
CORS 到底在保护谁?90% 的前端理解错了跨域的本质
前端·javascript·程序员
wno7041 小时前
node.js中使用jquery
前端·node.js·jquery
阿琳a_1 小时前
b-map-viewer:面向 Vue 3 的地图可视化 SDK,从接入到展示再到交互分析
前端·javascript·vue.js·gis·数据可视化·地图
10年前端老司机1 小时前
Agent 商业化困局:热闹的发布会,冷清的付费客户
前端·后端·agent
钱栈up1 小时前
热榜上手|HyperFrames:写HTML出MP4
前端·html
Sailing1 小时前
🚀🚀【封闭结束8】Agent RAG:从零搭建一个可用知识库
前端·后端·agent
Captain1314_李祖团1 小时前
5. MLIR相关语法
java·前端·javascript
恋猫de小郭2 小时前
Flutter 可以更直接地调用原生 API 了,Dart Direct Native Interop
android·前端·flutter
Data analyse4562 小时前
web-vitals库接入:LCP、INP、CLS上报与阈值
前端·javascript·数据分析