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

前言:

当程序员👨🏻‍💻遇到难以解决的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...

相关推荐
m0_7482550223 分钟前
前端常用算法集合
前端·算法
真的很上进37 分钟前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
web1309332039843 分钟前
vue elementUI form组件动态添加el-form-item并且动态添加rules必填项校验方法
前端·vue.js·elementui
NiNg_1_2341 小时前
Echarts连接数据库,实时绘制图表详解
前端·数据库·echarts
如若1232 小时前
对文件内的文件名生成目录,方便查阅
java·前端·python
滚雪球~2 小时前
npm error code ETIMEDOUT
前端·npm·node.js
沙漏无语3 小时前
npm : 无法加载文件 D:\Nodejs\node_global\npm.ps1,因为在此系统上禁止运行脚本
前端·npm·node.js
supermapsupport3 小时前
iClient3D for Cesium在Vue中快速实现场景卷帘
前端·vue.js·3d·cesium·supermap
brrdg_sefg3 小时前
WEB 漏洞 - 文件包含漏洞深度解析
前端·网络·安全
胡西风_foxww3 小时前
【es6复习笔记】rest参数(7)
前端·笔记·es6·参数·rest