代码改变世界

iPhone X机型适配

2017-10-23 15:33  Hi,David  阅读(388)  评论(0编辑  收藏  举报

1.启动页

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

 

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

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

附加一个启动页尺寸表:

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

 

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

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

 

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

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

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

 iPhone X截图:                   

            

iPhone 8截图:

 

 

 

 

 

 

参考链接:

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

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

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