iPhone X机型适配

自闭症网瘾萝莉.ら 提交于 2020-02-03 02:48:42

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/

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!