本文主要介绍在Xcode7.2环境下如何实现UIScollView的AutoLayout约束
实现效果如下:
1.新建一个UIView的xib
创建完成后会生成一个UIView控件
2.向UIView中添加一个ScrollView,并约束上下左右间距为零
3.再向ScrollView中添加一个UIView作为其contentView,并约束上下左右宽高,此时约束会报错误,先不要管
4.再对contentView的滑动方向设置,选择Align,如果想要实现横向滑动,勾选Vertically,竖向选择Horizontally
5.右键拖拽contentView向ScollView,选择equal widths
6.选中contentView,右侧菜单栏查看约束,选择equal widths选项,点击edit,修改Multiplier,这个值对应着当前控件宽度是其基准控件宽度的倍数,这里选择3倍
7.enter键后约束添加完成,此时应该不会报错了,这一步添加第一个View在scrollView上,颜色设置为红色,约束为上下左,宽度暂不约束
8.对View1宽度约束,邮件拖向底层View(最上边那个),选择equal widths
9.拖拽第二个View与View1同一层级,设置坐标尺寸设置如图,约束依旧为上下左,其中距左选择基于View1,宽度设置同View1,选择与底层View相同
10.第三个View约束与View2相同,其中X值改为1200,其他步骤不变
tips:向ScrollView中添加VC操作类似,只是将View换成ContainerView,再将VC放置在ContainerView上