iPhone X适配之启动图适配教程

本文介绍了在老项目中遇到的iPhone X显示问题,主要表现为启动图无法完全贴合屏幕,上下出现黑色区域。通过查看启动图效果,发现尺寸不匹配。分析原因在于iPhone X的启动图缺失,导致加载了iPhone 6/7/8的@2x图片。解决方案是制作1125*2436px的启动图,并命名为Default-812h@3x.png,放入Assets文件夹,经过调整后,屏幕显示恢复正常。

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

  • 对于一些老项目,在启动图上,可能没有采用xib或者SB进行适配的,所以可能会出现如图一,这样导致整个项目运行就会不能完全贴合。
  • 采用的是工程 Images.xcassets 文件夹下的中的【LaunchImage】图片集合中。
    这里写图片描述
  • 又不想在项目设置里面直接用LaunchScreen.xib或者LaunchScreen.storyboard进行配置启动图,

1.发现iPhone X显示问题

  关于iPhone X尺寸的详细介绍我就不多说了,这里主要是讲解iPhone X启动图的问题

高高兴兴的把xcode升级到xcode9版本,跑起原来的项目就成了这样
这里写图片描述

上下均多了一块黑色区域,另外MJRefresh也出了问题

2.查看启动图效果

发现启动图也不对劲,好像上下都少了尺寸
这里写图片描述

3.打印显示的屏幕宽高

居然是375*667----是iPhone 6/7/8的屏幕尺寸
这里写图片描述

4.问题说明

因为iPhone X的物理像素是11252436px ,启动图要做成375812@3x的png图片,因为iPhone X启动图的缺失,默认加载了iPhone 6/7/8的@2x的图片,启动后屏显尺寸就变成了375*667了

5.问题处理

让UI调整出一张1125*2436px的启动图,名称修改为Default-812h@3x.png
拖入到Assets文件夹下,但是还有问题,如下图,并没有出现iPhone X是配图的存放位置
这里写图片描述

如下图操作,

这里写图片描述

这里写图片描述

这里写图片描述

重新启动模拟器
这里写图片描述

宽高打印:375*812 屏幕显示加载正常
这里写图片描述

6.处理成功

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值