前言
与以往的iPhone不同，这次iPhone X用上了时下流行的全面屏设计，屏幕的分辨率和比例都是苹果首次采用，而且还有个“别致的刘海”，这就需要现有的APP为iPhone X重新作适配了。
所以iPhone X 的到来，惊艳的是果粉，苦逼的是程序猿。今天升级到Xcode9.0，运行项目，所谓的全屏 iPhone X，but 页面好像也没有全屏，于是根据之前的适配经验，总算初步解决了这个问题，记录如下，以备后需。
App 页面适配适配前
适配前
问题：App 未全屏显示
解决办法
LaunchImage 中添加一个和 iPhone X 相关的启动图片
* 图片尺寸：1125 * 2436
* Contents.json 中代码如下
{
"extent" : "full-screen",
"idiom" : "iphone",
"subtype" : "2436h",
"filename" : "1125_2436.png",
"minimum-system-version" : "11.0",
"orientation" : "portrait",
"scale" : "3x"
}
适配后
页面布局细节
Safe Area
动机
iPhone X 取消了 Home键，实现了高屏占比，所以默认 View 的区域是全屏幕
屏幕四周有圆角、顶部有“刘海”、底部有手势区域
顶部导航栏
* 注意：导航栏高度是 44 + 44
底部手势区域
Safe Area 如下图 (红色区域)
Safe Area 大小竖屏
▿ UIEdgeInsets
- top : 44.0
- left : 0.0
- bottom : 34.0
- right : 0.0
横屏
- top : 0.0
- left : 44.0
- bottom : 21.0
- right : 44.0
自动布局时的注意点
iOS11 以前，我们布局时，视图的 top 和 bottom 一般参照的是 Top Layout Guide 和 Bottom Layout Guide iOS11 以后，那两个参照已经 deprecated (过时)了，而被 Safe Area 取代。 Safe Area 要求最低支持 iOS9.0
