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

一 顶部底部适配

iPhoneX屏幕大小.png

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

1)与其它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

2)键盘高度

键盘高度由 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

二 图标适配

1)启动图适配

详细可参考官方文档Human Interface Guidelinesde中Visual Design的Launch Screen

官方文档建议使用storyboard(即新建项目中的LaunchScreen.storyboard)作为启动图适配方案 ，不再建议使用LaunchImage方式，如下图:

LaunchImage方式

2)App图标适配

详细可参考官方文档Human Interface Guidelinesde的Icons and Images-App Icon

下面给出官方尺寸截图:

App Icon Size Spotlight, Settings, and Notification Icons AppIcon图片适配