iOS XIB使用Safe Area后在iOS9和10上面出现的问题和解决方案

yyuuzhu 2017-12-06 10:30:40 8277
本文来自 送你的独白么 ,作者 yyuuzhu

本文由 送你的独白么 原创,转载请注明出处!

导语

普大喜奔,苹果爸爸在9.20号发布了新的iOS 11系统和iPhone手机,作为iOS 开发者,第一件事是什么,当然是买iPhoneX啦------我这个穷逼并不能买得起。所以我的第一件事,就是开始适配啦。

开始适配

我开始兴致勃勃的适配iOS 11,由于项目里有使用到XIB,所以我就先对XIB的界面进行适配,按照网上的教程, 先在XIB里对Safe Area选项打钩,然后把距离SuperView约束全部改为距离Safe Area的约束,大功告成。它看起来是下面这样的:

{7358FE8E-D125-DDCE-717D-6A0CF304644C}.png

XIB添加约束之后的图.png

然后command + R运行,iPhone X上完美,界面是这样的:

1.png

iPhoneX-iOS11-XIB.png

这个时候我又运行了一下在iOS 9上的效果,咦,我的view怎么被挡住了,它看起来是这样的:

{7358FE8E-D125-DDCE-717D-6A0CF304644C}.png

iPhone6s-iOS9-XIB.png

这时,我方了,我想到了,有可能是iOS9或者10不支持Safe Area,于是,我开始测试,我在Storyboard中设置同样的约束,完成后的界面是这样的:

1.png

Storyboard添加约束之后的图.png

然后再次command + R,我靠,什么情况,在iOS 9上居然是OK的???WTF!!界面看起来是这样的:

{7358FE8E-D125-DDCE-717D-6A0CF304644C}.png

iPhone6s-iOS9-Storyboard.png

这时,知道了,原来并不是iOS9或者10不支持Safe Area。于是,我开始寻找XIB和Storyboard的区别,找了一天,最终还是没找到区别在哪里,我想,这有可能是苹果的BUG吧,这时摆在我面前有3个解决方案

1.设置导航条为不透明,这样,就默认从导航条下方开始计算了。

2.把项目里所有的XIB全部换成Storyboard。

3.在代码里做判断,然后设置

这三个全部是可以解决这个问题的,可是这三个都不是我想要的结果,有没有可以直接在XIB里面设置约束的方法呢?经过多方的搜索,最终被我实现了(PS:虽然我解决了,但是我不知道原理,有哪位大神知道的,麻烦告知一下)

解决方法

1.多添加一个距离SuperView的约束

2.设置这个约束为>=距离

3.设置距离Safe Area的约束优先级比距离SuperView约束优先级低。(比如750)

设置好之后,界面看起来是这个样子的:

1.gif

至此,大功告成,运行起来完美。

Demo地址: https://github.com/xiaoyao20084321/Safe-Area-XIBBUG