app启动时的闪屏页显示不全问题的两种解决方案

博客围绕闪屏页显示不全问题展开,测试发现多个 app 存在此问题,包括大厂 app。分析原因可能与状态栏有关,还对比了不同 app 在正常模式和个人热点蓝条下压时的表现。给出两种解决办法,一是设计底部有图文、中间单一颜色背景的闪屏页,二是工程里不显示状态栏,首页显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.把闪屏页面设计成只有底部有图文,接近中间部分为单一颜色背景。
2.在工程里设置为不显示状态栏,在首页显示状态栏。
最近测试美女给我提一个bug:启动闪屏页,拍品详情页,页面显示不全.
这里写图片描述
仔细看一下截图,发现我们的闪屏页面中间是一个很大的优字,应用启动时,确实看到这个优字中间少了一部分而出现错乱。估计是这个丢失的部分就是状态栏的高度吧!
我就进行各种app的启动页面的对比,并且用不同类型的手机测试。发现几个app与我们app一样启动闪屏页面显示不全。
随便找一个app看下效果,在正常模式下还算正常(估计闪屏图UI进行过特别处理,尽量避免这种异常,也可能是使用的是Launch Screen文件的约束功能的原因,为了兼容低版本的ios,我们使用的是Launch Images),再看个人热点蓝条下压是,这个app的闪屏页面比我们的app还凌乱,略过。看下一家。
这个看似正常

这里写图片描述

再来看我们伟大的淘宝app,在正常模式下蛮正常的(估计闪屏图UI进行过特别处理,尽量避免这种异常,也可能是使用的是Launch Screen文件的约束功能的原因,为了兼容低版本的ios,我们使用的是Launch Images),在个人热点共享,蓝条下压时,由于闪屏页面过于花里胡哨,也避免不了页面显示不全。看来大厂的app也不是都完美的。
这里写图片描述

这里写图片描述
这个app的闪屏页面稍微好些,,在正常模式下蛮正常的(估计闪屏图UI进行过特别处理,尽量避免这种异常,也可能是使用的是Launch Screen文件的约束功能的原因,为了兼容低版本的ios,我们使用的是Launch Images),但是在个人热点蓝条下压时,闪屏页面中间丢失了一部分,不过正好看到丢失的一部分是一段空白区域,但是看到文字好像稍微丢了一点点。只是由于有和没有个人热点,页面布局差异很大。所以这样的处理也不是很好。
这里写图片描述

这里写图片描述
再看几个大厂的app,发现他们的app大都没有这个问题。
他们的处理有两种:
第一种处理是:把闪屏页面设计成只有底部有图文,接近中间部分为单一颜色背景。下面是以大家熟悉的支付宝的闪屏页面为例子。可以看到,闪屏页面只最下面有图文。中间无论怎么缺失都是少了一条白色背景,用户感知不出来。
这里写图片描述

第二种处理是:在工程里设置为不显示状态栏,在首页显示状态栏。
这里写图片描述

这里写图片描述

这里写图片描述
具体实现是,工程设置为不显示状态栏如下图设置。
这里写图片描述
在第一个页面设置状态栏的样式,代码如下:

- (UIStatusBarStyle)preferredStatusBarStyle {
#if AGENT_APP
    return UIStatusBarStyleLightContent;
#else
    return UIStatusBarStyleDefault;
#endif
    
}

所以该谁的问题就要谁从源头上解决,UI设计师也不能帮解决所有情况,毕竟根源在我们app端。当然也不是一点和UI设计师无关,他可以设计出中间为单色的闪屏页面,当然这也不是他说了算,产品要显示那么多元素,他们也不得不就范。闪屏页面不显示时间和热点共享信息大家都能接受吧!毕竟也就几秒,甚至一秒不到(具体多久和硬件速度和应用启动时同步加载的数据有关,建议采用懒加载启动数据更好,那样启动速度也快些),若超过5秒就被苹果操作系统干掉了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值