利用Storyboard给UIScrollView添加约束

之前在项目里面使用Storyboard的时候也会遇到UIScrollview,因为不知道怎么给scrollview添加约束,UIScrollview适配很是麻烦,尤其是针对滚动在iPhone4超出屏幕却在iPhone6 上不超出的状况,所以每次都是代码,但是每次都感觉这样做很low,但是苦于项目很急,一直没有抽时间研究下,现在给大家贴出来好久就想写出来的解决方法。
在StoryBord拖过scrollview,添加约束的时候发现他并不会按照你猜想的去执行。经过查阅资料,大致知道了原因。这是由于scrollview本身contentSize、contentInsets等复杂的特性导致,苹果文档在讲autolayout的时候甚至专门拿出一节讲如何对scrollview进行自动布局。解决方案可以给scrollview添加一个唯一的子视图,大小和scrollview一样,然后所有原计划添加到scrollview上面的控件,都添加在子视图上面。步骤如下:
1.首先在我们的Controller自带的View里面添加一个scrollview,点开下面设置约束的4个按钮的第2个,约束设置距离父试图的距离为(0,0,0,0)如下图所示。


利用Storyboard给UIScrollView添加约束_第1张图片

2.在ScrollView上面添加一个View成为ScrollView的子视图,点开下面设置约束的4个按钮的第2个,设置约束距离ScrollView的距离为(0.0.0.0)如下图所示。


利用Storyboard给UIScrollView添加约束_第2张图片

3.这个时候会发现报错了,不用紧张~, 先不用管它,咱们继续往下走。
利用Storyboard给UIScrollView添加约束_第3张图片

4.点开下面设置约束的4个按钮的第一个,选择 Horizontal Center in Container, 并打上对勾, (如果想要左右滑动就选择 Vertical Center in Container, 同时实现左右上下则全不选)
利用Storyboard给UIScrollView添加约束_第4张图片

5.再次打开下面设置约束的4个按钮的第2个 选择Height 设置你想要的700. (如果想要左右滑动就选择 Width, 同时实现左右上下就全部设置)(这个高度是以后运行后Scroller的ContentSize)


利用Storyboard给UIScrollView添加约束_第5张图片

6.设置完成以后发现错误不见了,只有一个黄色的警告,这是由于Frame没有更新导致的,我们来更新下Frame。
利用Storyboard给UIScrollView添加约束_第6张图片

7.接下来我们就可以在这个ScrollView的子视图View上面来添加控件了。 设置约束的时候是相对于父试图View的哦~。布局。
利用Storyboard给UIScrollView添加约束_第7张图片

上面的View是设置的固定的一个值。 如果想要动态的设置,就需要把我们刚才加的高度的约束设置成属性
利用Storyboard给UIScrollView添加约束_第8张图片

起一个名字, height; 然后重写 -(void)updateViewConstraints 方法,在调用super 后 动态的设置height这个约束的constant属性。

大功告成!
欢迎关注我的微博和博客

你可能感兴趣的:(利用Storyboard给UIScrollView添加约束)