[iOS开发]iPhoneX系列顶部和底部尺寸图解

iPhoneX屏幕大小.png

• 竖屏尺寸：1125px × 2436px(375pt × 812pt @3x)
• 横屏尺寸：2436px × 1125px(812pt × 375pt @3x)

与其它iOS设备的差异

以下是与iPhone 6、7、8 (375×667pt) 相比。
Status Bar 高度由 20pt 增长为44pt。

status bar.png

底部需要预留 34pt 给 Home Indicator区域(下面有详细说明)

Home Indicator.png

宽度不变，高度多出 145pt，但由于 Status Bar 以及 Home Indicator，实际上可有效利用的高度为
145 – 24 (Status Bar) – 34 (Home Indicator) = 87pt

差异对比.png

键盘高度

键盘高度由 216pt 增长为 291pt，设计文字区域时要小心

键盘高度变化.png

包含 Home Indicator，Tab Bar 高度由 49pt 增长为 83pt。(下面有详细说明)

Home Indicator区域.png

注意横屏时Home Indicator的高度为21pt，需要格外注意

 

横屏时.png

总结

高度变化	Normal Height	iPhoneX Height
UINavigationBar	64	88
UIStatusBar	20	44
UITabbar	49	83

启动图适配

启动图适配.png

app图标适配

app图片适配.png