Xcode7下的ScollView约束

本文主要介绍在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上

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容