xib,storyboard,autolayoutiOS滚动视图tableview,collectionview

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

2015-11-25  本文已影响228人  寒桥

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

创建UIScrollView约束

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

添加View相当于是ContentView进行约束

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

给View添加与ScrollView相同宽度的约束

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

为View添加高度约束

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

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

测试

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


总结:UIScrollView添加约束要点

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

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

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

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

上一篇下一篇

猜你喜欢

热点阅读