使用AutoLayOut为UIScrollView添加约束图解及要点

1.在ViewController中拖入1个UIScrollView,并为其添加约束,约束为上下左右四边与superview对齐

使用AutoLayOut为UIScrollView添加约束图解及要点_第1张图片
创建UIScrollView约束

2.在scrollview中,拖入1个UIView,为了便于区分将其设为蓝色。为view添加约束,约束为上下左右四边与superview对齐,添加完这些约束后,我们发现出现了错误,不要理会

使用AutoLayOut为UIScrollView添加约束图解及要点_第2张图片
添加View相当于是ContentView进行约束

3.为view添加宽度约束,本例中,想达到的效果是scrollView可以竖向滚动,不要横向滚动,因此,可以将view的宽度约束为与scrollView相同

使用AutoLayOut为UIScrollView添加约束图解及要点_第3张图片
给View添加与ScrollView相同宽度的约束

4.接下来为view添加高度约束

使用AutoLayOut为UIScrollView添加约束图解及要点_第4张图片
为View添加高度约束

这时候你会愉快的发现约束错误已经消失!

5.为了验证scrollView是否可以正确滑动我们在scrollView中View添加一个红色的view

使用AutoLayOut为UIScrollView添加约束图解及要点_第5张图片
测试

至此,约束全部添加完成。需要滚动的内容都可以在黄色view中添加。点击运行查看效果可以看到scrollview可以按照预期滑动


总结:UIScrollView添加约束要点

1.scrollView与scrollView的superview的约束关系用来确定scrollView的frame

2.scrollView中的『contentView』(本例中的蓝色view)的约束关系用来确定scrollView的contentInsets

3.contentView的宽度和高度用来确定scrollView的contentSize

理解这3个要点,即可愉快的为scrollView添加约束

你可能感兴趣的:(使用AutoLayOut为UIScrollView添加约束图解及要点)