使用AutoLayOut为UIScrollView添加约束图解及要点
1.在ViewController中拖入1个UIScrollView,并为其添加约束
约束为上下左右四边与superview对齐
2.在scrollview中,拖入1个UIView,为了便于区分将其设为橙色。
![](http://www.th7.cn/d/file/p/2015/04/24/9b015bc02388b83656a1d6dd5aaf2587.png)
3.为view添加约束
约束为上下左右四边与superview对齐
![](http://www.th7.cn/d/file/p/2015/04/24/132478560c057e604f1165a3b57454a8.png)
添加完这些约束后,我们发现出现了错误,不要理会
![](http://www.th7.cn/d/file/p/2015/04/24/c1b3746075f9d640265995317a16e1c4.png)
4.为view添加宽度约束,本例中,想达到的效果是scrollView可以竖向滚动,不要横向滚动,
因此,可以将view的宽度约束为与scrollView相同
![](http://www.th7.cn/d/file/p/2015/04/24/60905bf402cf96d2aadbea03a32fe231.png)
5.接下来为view添加高度约束
![](http://www.th7.cn/d/file/p/2015/04/24/b80eebebfbffff39e3ebccaf9974a12a.png)
对frame进行更新
![](http://www.th7.cn/d/file/p/2015/04/24/543320b7311cc132ec9b869d6abae671.jpg)
愉快的发现约束错误已经消失!
为了验证scrollView是否可以正确滑动
我们在scrollView中添加一个兰色的view,添加宽高约束分别为60,500,然后再添加到黄色view(也就是兰色view的superview)的左边距和上边距
![](http://www.th7.cn/d/file/p/2015/04/24/bf899f7652c209ccf32fc4f2e0abcae0.jpg)
至此,约束全部添加完成。需要滚动的内容都可以在黄色view中添加。
点击运行查看效果
![](http://www.th7.cn/d/file/p/2015/04/24/4b06be6fcb46c91d8b40fe9f9f253ed7.jpg)
可以看到scrollview可以按照预期滑动
最后,全部的约束见下图
![](http://www.th7.cn/d/file/p/2015/04/24/35495dc834c87940662a5a59cadc10b8.jpg)
UIScrollView添加约束要点:
1.scrollView与scrollView的superview的约束关系用来确定scrollView的frame
2.scrollView中的『contentView』(本例中的兰色view)的约束关系用来确定scrollView的contentInsets
3.contentView的宽度和高度用来确定scrollView的contentSize
理解这3个要点,即可愉快的为scrollView添加约束
使用AutoLayOut为UIScrollView添加约束图解及要点
1.在ViewController中拖入1个UIScrollView,并为其添加约束
约束为上下左右四边与superview对齐
![](http://www.th7.cn/d/file/p/2015/04/24/8fd4c9458df8c38c2437f5b275c74730.png)
2.在scrollview中,拖入1个UIView,为了便于区分将其设为橙色。
3.为view添加约束
约束为上下左右四边与superview对齐
添加完这些约束后,我们发现出现了错误,不要理会
4.为view添加宽度约束,本例中,想达到的效果是scrollView可以竖向滚动,不要横向滚动,
因此,可以将view的宽度约束为与scrollView相同
5.接下来为view添加高度约束
对frame进行更新
愉快的发现约束错误已经消失!
为了验证scrollView是否可以正确滑动
我们在scrollView中添加一个兰色的view,添加宽高约束分别为60,500,然后再添加到黄色view(也就是兰色view的superview)的左边距和上边距
至此,约束全部添加完成。需要滚动的内容都可以在黄色view中添加。
点击运行查看效果
可以看到scrollview可以按照预期滑动
最后,全部的约束见下图
UIScrollView添加约束要点:
1.scrollView与scrollView的superview的约束关系用来确定scrollView的frame
2.scrollView中的『contentView』(本例中的兰色view)的约束关系用来确定scrollView的contentInsets
3.contentView的宽度和高度用来确定scrollView的contentSize
理解这3个要点,即可愉快的为scrollView添加约束