美文网首页iOS 10后新特性以及注意事项iOSiOS开发进阶
iOS XIB使用Safe Area后在iOS9和10上面出现

iOS XIB使用Safe Area后在iOS9和10上面出现

作者: 送你的独白么 | 来源:发表于2017-09-25 19:26 被阅读4062次

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

导语

普大喜奔,苹果爸爸在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里面设置约束的方法呢?经过多方的搜索,最终被我实现了(PS:虽然我解决了,但是我不知道原理,有哪位大神知道的,麻烦告知一下)

解决方法

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

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

12333321441.gif

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

相关文章

网友评论

  • 冰三尺:我遇到一个问题,就是一个viewcontroller里面放一个view,这个view的frame设置成控制器的bounds,但是在iPhone X上,会有上面和下面的空白,不能全部铺满,这个是什么原因造成的
  • 雨打芭蕉落:成功让我在每一个Xib上新增了约束,居然Tabbar也是同样的方法,确实可以解决的,感觉XIB是后妈生的。
    雨打芭蕉落:不过引起了另外的问题,横竖屏切换,导致高度偏差😭
  • CORYIL:完美解决问题 给你点个赞
  • 服了梨:非常赞的方法
  • 2336fab870ee:楼主,请问我在拖拽的时候,最上面没有导航栏,这个问题该怎么解决
    送你的独白么:不好意思,很久没登录过简书了, 在XIB属性里, 有一个Top Bar属性, 可以加上导航栏
  • HHLM:楼主试过在11.2.5真机上运行没,会报错

    Assertion failure in -[UIView _nsis_center:bounds:inEngine:forLayoutGuide:], /BuildRoot/Library/Caches/com.apple.xbs/Sources/UIKit/UIKit-3698.34.4/NSLayoutConstraint_UIKitAdditions.m:3347
    2018-03-09 16:59:44.388376+0800 Safe_AreaBUG[369:29044] *** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Error in compatibility flow'
    *** First throw call stack:
    还不知道什么原因造成的
    送你的独白么:不好意思,很久没登录过简书了, 目前我还没有遇到这个问题...手上没有11.2.5的真机....
  • 27ea9628bfee:self.edgesForExtendedLayout = UIRectEdgeNone;
    2336fab870ee:谢谢兄弟 完美的解决了我的问题。
    送你的独白么:@飞翔天猪 额,这行代码是?
  • 此生浮华祇盼伊亽:我隐藏了导航栏之后这个方法好像就无效了
    送你的独白么:你都隐藏导航条了...怎么还会有导航条挡住view的情况........我这篇文章就是说解决导航条挡住view的问题啊
  • L05T:感谢!完美解决我的问题
    送你的独白么:解决就行,哈哈
  • a2aee739c1e1:原理是添加了两个约束,系统布局都会满足,优先满足优先级高的约束 (SuperView的约束),
    以你的demo 为例。 在 iOS 11 上支持 SafeArea,系统优先满足 SuperView 的 >= 84 的约束,然后满足 safeArea 的约束 (在 iPhoneX 上为 108,其他设备为 84)。所以最终为 108 或者 84。
    在 iOS 11 以前的设备上。系统先满足 SuperView 的 >= 84 的约束, safeArea 的约束 结果 < 84 . 与优先级高的有冲突,舍弃。所以最终以 SuperView 的约束为准
    前年的邂逅_Jerry:ios 9 和ios 10的系统safeArea 的约束 结果 < 84,这个不是很懂。
    送你的独白么:3Q3Q,可是第一条,我设置safeArea 约束只是20啊,就是这一点不太懂
  • 闪电侠_c015:楼主加下qq行吗,我遇到sb适配iPhonex 不能全屏显示 具体问下可以吗
    送你的独白么:可以啊,我私信你,最近一直没上简书。。
  • 9b81ad258145:这个方法666,我遇到一个问题.storyboard使用safearea,在iOS8模拟器上跑崩溃
    Terminating app due to uncaught exception 'NSInvalidUnarchiveOperationException', reason: 'Could not instantiate class named UILayoutGuide'
    iOS9和iOS10没试过。请问在storyboard上怎么判断版本号iOS11及以上时使用safearea,以下时使用iOS11以下使用topLayoutGuide和bottomLayoutGuide
    送你的独白么:这个我没试过,不过用了safearea后就不支持iOS8了吧,我是因为出了iOS11,然后搜索了iOS8现在的市场占有率,就成功的说服了我们的产品。:smile:
  • 桐丘:厉害,666
    送你的独白么:@桐丘 哈哈,谢谢
  • silasjs:楼主很帅
    送你的独白么:@iBahs 你也很帅哟
  • 4cc94db12d06:给楼主点个赞,这个解决方案很不错。:smile:
    lloveyouyou:请问楼主如果支持iOS8,有没有好的方案了
    送你的独白么:哈哈,谢啦老哥。

本文标题:iOS XIB使用Safe Area后在iOS9和10上面出现

本文链接:https://www.haomeiwen.com/subject/kepdextx.html