需求:
接手的项目里面界面都是用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,其他的设备和之前保持一致: