iPhone X机型适配

时间:2022-06-09 08:30:56

1.启动页

启动App,发现App只能居中显示,不能上下充满。

iPhone X机型适配

问题产生的原因是:iPhone X是5.8英寸,比5.5英寸的屏幕还要大,没有合适的启动页可以加载,所以只能使用以前5.5英寸的启动页,屏幕就会有黑色部分未充满。

解决办法:添加一张iPhone X的启动页,然后勾选iOS 8.0 and later的Portait选项。

iPhone X机型适配

附加一个启动页尺寸表:

iPhone X机型适配

如上面2步设置完毕后,启动页就可以全屏了。

iPhone X机型适配

2.状态栏和导航栏的高度变化

进入App主页就会发现App顶部被齐刘海遮住,左右两边不在安全区域内,原因是iPhone X的状态栏变高了,而我们的App还以为状态栏为20,导航自然会上移。

iPhone X机型适配

代码获取状态栏和导航栏的高度(iPhone 8):从下面的截图可以看出,状态栏高度为20,导航栏高度为44,总高度为64.

iPhone X机型适配

代码获取状态栏和导航栏高度(iPhone X):从下面的截图可以看出,状态栏高度为44,导航栏高度为44,总高度为88.

iPhone X机型适配

修改代码后,重新运行程序:

iPhone X截图:

iPhone X机型适配

iPhone 8截图:

iPhone X机型适配

参考链接:

http://www.jianshu.com/p/24918b0fe88f

http://www.uisdc.com/iphone-x-adaptive

https://developer.apple.com/cn/ios/update-apps-for-iphone-x/