注意：本文为原创，如需转载请联系作者。
随着时间的推移，我们盼的iPhone X 开售的日子也越来越近，大家是不是还有一点小激动呢。激动归激动，对与像和我一样是iOS程序来说也是为iPhone X做适配的时候了。
为此我观看了苹果官方的讲解视频，有兴趣的朋友请点击这里进行观看，如果不想观看视频的请往下看，我已把精华提取出来。
下面我根据苹果官方的WWDC app来总结三条需要注意的地方。
第一条：
如果我们的app中有类似预览相册的功能，那么在没有处理的情况下，在iPhone X上面运行的时候会出现如（图1）的问题。
我们可以一眼就看出来问题所在，就是两个控件相隔太近。
解决办法如下：
第一步根据（图2）中箭头所指勾选 Use Safe Area Layout Guides选项。
第二步根据（图3）首先点击箭头1所指向，看箭头2是否变色，如果变色说明已经勾选，然后点击箭头三所指向的First Item会弹出如（图4）的下拉框。
舍弃SuperView选中Safe Area。
然后运行效果如（图5）
大功告成，完美。
第二条：
如果在你的app中有如下（图6）的搜索按钮，那么在iPhone X 中可能出现如（图7 和 图8）的问题。
而我们想要的效果是如（图9）在竖屏情况下应该和自带的电话本一样的效果。
下图（图10）是搜索栏的旧代码部分。
我们做两处修改，第一步，对于这个视图控制器，不显示搜索控制器，而是把它交给UINavigationItem；第二步，将搜索控制器的“isActive”属性设置为“true”，这样会使导航栏激活搜索控制器并开始编辑。注意：我们可以使用“Availability Support”这项功能让设置仅对iOS 11 有效，而在旧版的系统中保留现有的效果。修改后的代码如下图（图11）所示。
然后我们运行后效果如下所示（图12 和 图 13）
大功告成，完美。
第三条：
如（图14）该页面用UITableView来布局，在竖屏模式下看起来不错，虽说这里的搜索栏显示也不太对，这个搜索栏恰好是作为Header视图插入到表格视图的，
但是我们可以像刚才一样改动（如图15），
也就是让搜索栏集成到导航栏中，在设置合适的活动状态，然后我们运行，竖屏看起来不错（如图16），
但是如果我们横屏，搜索栏看起来也不错（如图17），但是用在表格区域的Header有问题，就是颜色没有延伸到屏幕边缘。
根据代码（图18）我们可以看到，背景颜色是设置在了contentView上，但是这种做法在iPhone X 是不行的。
我们打开如下图（图19）界面查看图层布局，
为了更好的理解和查看，把重要元素提取出来如下图（图20），在图中我们可以看到，有个勾选项Inserts To Safe Area ，我们可以取消勾选（如果是代码布局，也可以通过属性来调用）用以实现背景色延伸到屏幕边缘，但是如果是使用这种方法，那么content View上面的控件也会移动，所以说这种方法不可取。
在这里我们有更为简单的处理方法，代码如下（图21），我们直接设置它的backgroundView的颜色就好了。
然后我们从新运行看效果（图22）
大功告成，完美。
通过这三个问题，和解决办法，大家也应该看出来问题所在，其实对iPhone X 的UI布局来说，最主要就是Safe Area 这个东西。然而还有一个Layout Margin属性，在这里我们就先不做过多的叙述，具体的分布图如下（图23），想要详细了解的可以去查看苹果开发文档，或者网上搜索。
最后再做一点总结：
第一：遵循iOS 11 SDK，并且使用Launch Storyboard ，可以让你的app使用原生全分辨率。
第二：然后竖屏模式下也可能会遇到一些问题，但大多数问题都处在横屏模式下，所以如果app支持横竖屏切换，一定要旋转一下界面测试UI布局，既要测试左旋转，也要测试右旋转。
第三：遵循Safe Area 可以避免大多数问题，Auto Layout 和 safeAreaLayoutGuides可以自动解决很多排版方面的问题，但是如果是手动布局也可以使用Safe Area 嵌入自由计算所需要的布局数据，这些属性都可以通过UIView类进行访问。
第四：最终要的一点，就是不要让控件干扰到屏幕底部的主屏幕指示器（就是那个横线）。
