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

最新推荐文章于 2019-09-06 09:40:03 发布

weixin_34062329

最新推荐文章于 2019-09-06 09:40:03 发布

阅读量520

点赞数

原文链接：https://my.oschina.net/huqiji/blog/2978184

版权

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

导语

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

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

XIB添加约束之后的图.png

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

iPhoneX-iOS11-XIB.png

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

iPhone6s-iOS9-XIB.png

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

Storyboard添加约束之后的图.png

然后再次command + R，我靠，什么情况，在iOS 9上居然是OK的？？？WTF！！界面看起来是这样的：

iPhone6s-iOS9-Storyboard.png

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

1.设置导航条为不透明，这样，就默认从导航条下方开始计算了。
2.把项目里所有的XIB全部换成Storyboard。
3.在代码里做判断，然后设置

这三个全部是可以解决这个问题的，可是这三个都不是我想要的结果，有没有可以直接在XIB里面设置约束的方法呢？经过多方的搜索，最终被我实现了

1.多添加一个距离SuperView的约束
2.设置这个约束为>=距离
3.设置距离Safe Area的约束优先级比距离SuperView约束优先级低。（比如750）

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

12333321441.gif

至此，大功告成，运行起来完美。
Demo地址: https://github.com/xiaoyao20084321/Safe-Area-XIBBUG
有什么疑问，随时请问，也可以在评论里一起探讨。

作者：送你的独白么
链接：https://www.jianshu.com/p/ba9bb519f07f
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://my.oschina.net/huqiji/blog/2978184

关注