ios xib 如何适配iphoneX，且需要支持到ios8以上

需求：

接手的项目里面界面都是用xib写的，产品让适配iphoneX；

问题：

要求项目支持到ios8以上，我看网上的资料，说适配iphonex，xib 约束用safe area就可以，可是safe area 是ios9以上才有的，我这要求还支持ios8，怎么办呢，之前在网上找只有用代码实现这个需求了，但是我又不想大改动，最终尝试直接在xib设置满足了需求，特此记录下来；

方案：

比如需要适配这个xib页面

 

没有适配之前：

                                               

iphoneX                                          iphone6 (ios8.3系统)                               iphone6 (ios12.0系统)

 

可以看到iphonex的最上面小灰图标距离顶部太近了，不符合产品的设计，产品给的设计图，是图标距离屏幕top 是114，

这是之前对imageview 添加的约束，

 

 现在需要适配iphoneX，并且需要支持ios 8（没有safe area 的情况），我们需要对UImageview 使用2条约束来设置了：

1.相对于Superview.Top, >=114,且优先级是 1000（约束的优先级范围从1-1000，1000表示必须要满足的约束，数值越大，约束优先级越高）；

 

2. 添加另一条约束，如下图，先修改Device，选择iphoneX的视图，然后点击右下方，弹出添加约束的框，可以看到Xcode 直接计算好了，safe area（current distance = 70），需要点下这个，然后就可以点击 Add Constrains了

 还需要修改下这个约束的优先级，从1000 变成750；

 

我个人认为：这2条约束一起作用，就是1000优先级的必须要满足，所以对于除iphoneX的其他型号，这2个约束有点冲突，那肯定以优先级为1000的为主，因为除了iphoneX系列，其他的距离safe area肯定不是70（可以将Device显示为其他设备，对比下），那就是相当于只以距离Top 114这个约束来显示，就会和适配之前的效果一样；

而对于iphoneX系列设备，2个约束没有冲突，会共同作用，iphoneX 效果如下，iphoneX 图标距离Top是158，距离safe area是70，其他的设备和之前保持一致：