美文网首页
StoryBoard下ScrollView如何添加约束

StoryBoard下ScrollView如何添加约束

作者: e4d407bf74ec | 来源:发表于2016-08-26 10:56 被阅读107次

在StoryBord拖过ScrollView,添加约束的时候发现他并不会按照你猜想的去执行。这是由于scrollView本身ContentSize、contentInsets等复杂的特性导致,苹果文档在讲autoLayout的时候甚至专门拿出一节讲如何对scrollView进行自动布局。

解决方案:可以给ScrollView添加一个唯一的子视图,大小和ScrollView一样,然后所有原计划添加到ScrollView上面的控件都添加在子视图上面。

步骤如下:

1.首先在我们的Controller自带的View里面添加一个ScrollView,点开下面设置约束的4个按钮的第2个,约束设置距离父视图的距离为(0,0,0,0)

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

3.这个时候会发现报错了,不用紧张,先不用管它,咱们继续往下走。

4.点开下面设置约束的4个按钮的第一个,选择Horizontal Center in Container,并上对勾,(如果想要左右滑动就选择Vertical Center in Container,同时实现左右上下则全不选)

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

6.设置完成以后发现错误不见了,只有一个黄色的警告,这是由于Frame没有更新导致的,我们来更新一个Frame。

7.接下来我们就可以在这个ScrollView的子视图View上面来添加控件了。设置约束的时候是相对于父视图View的哦。

8.运行程序,发现现在已经可以滑动了

[注]上面的View是设置的一个固定的一个值。如果想要动态的设置,就需要把我们刚才加的高度的约束设置成属性

http://img.blog.csdn.net/20150625121759350?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdHg4NzQ4Mjg1MDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

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

http://img.blog.csdn.net/20150625121745784?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdHg4NzQ4Mjg1MDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

这样你会发现ScrollView可滑动的幅度会在每次运行后都不一样哦~;

相关文章

网友评论

      本文标题:StoryBoard下ScrollView如何添加约束

      本文链接:https://www.haomeiwen.com/subject/tnihrttx.html