怎样使用AutoLayOut为UIScrollView添加约束

Posted 蓝天下的田埂上

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样使用AutoLayOut为UIScrollView添加约束相关的知识,希望对你有一定的参考价值。

1.在ViewController中拖入1个UIScrollView,并为其添加约束

约束为上下左右四边与superview对齐

技术分享

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可以按照预期滑动

 

大功告成!

 

以上是关于怎样使用AutoLayOut为UIScrollView添加约束的主要内容,如果未能解决你的问题,请参考以下文章

如何使用autolayout在UITableViewCell中分发4个组件?

Autolayout性能优化

AutoLayout - 不旋转的 UIImageView

使用 AutoLayout 时子视图 Rect 不等于视图 Rect

使用 AutoLayout 根据子视图中的动态文本增长视图

UILabel Autolayout 宽度问题