11.0之前我们在Xib中对ScrollView进行约束,基本上都是对ScrollView上下左右进行约束,对ScrollView中添加的View进行上下左右高度添加约束,并将ScrollView的宽度及其内部的View的宽度约束等宽。
但是11.0之后,按照原有约束方法就不行了,会有约束报错,观察之后发现,11.0之后的ScrollView多了两个属性,Content Layout Guide和Frame Layout Guide,如下图:
为了能正确约束ScrollView,有两种方法,第一种方法是将新增的两个属性关掉,操作如下图:
将图中方框圈中的部分取消勾选,这样我们就可以按照11.0之前的约束方法对ScrollView进行约束。
第二种方法也很简单。
第一步:ScrollView本身的约束方法不变,约束ScrollView与父视图上下左右的距离,将View放进ScrollView内部。
第二步:将View与Content Layout Guide拖线进行约束,将他们的top,bottom,leading,trailing全部添加约束,添加之后将约束数值全部改为0.如下图:
注意右下角线框圈住的地方,添加完成之后默认值不为0,要改成0。
第三步:将View与Frame Layout Guide拖线进行约束,约束他们宽度相等,如下图:
第四步,给View添加高度约束和leading,traling,bottom,top四边约束。
运行代码,约束成功。一般来说第一种方法将两个新增属性关闭就可以满足我们的需要了,不过因为之前面试的时候被这个新增点坑过,所以记录下来,希望可以帮到更升到11.0之后的小伙伴。