美文网首页
Storyboard、xib中ScrollView约束添加-图解

Storyboard、xib中ScrollView约束添加-图解

作者: GreenC | 来源:发表于2017-05-05 17:36 被阅读96次

在使用Storyboard和xib时,我们经常要用到ScrollView,在普通的view上直接添加一些控件是不需要做任何处理,只需要添加四周的约束即可,但是在使用ScrollView时这样操作便会出现问题。

原因就在于:我们通过代码时设置ScrollView时需要设置其ContentSize,而在Storyboard或xib中并没有这一设置,那么问题就来了,需要通过什么才能设置其ContentSize呢?

具体方法如下
** 1.拖拽ScrollView,选中添加约束,设置距离superView 上下左右都是0**


ScrollView

** 2.拖拽一个View到ScrollView上, 然后添加上下左右四周约束都为0。**


View

3.添加完之后, 可能会报一个错, 如上图, 这个暂时别去管。

4.接下来我们先确定一下滚动方向
水平方向滚动、竖直方向滚动、水平方向和竖直方向都需要滚动
竖直方向滚动需要添加下面一个约束

竖直方向滚动

水平方向滚动如下设置

水平方向滚动

5.最后需要设置View的高度,这个高度就是ScrollView的竖直滚动的范围了(如果是水平滚动,需要设置宽度,原理类似)

好了到这里就基本完成了

注意如果是想要动态设置ScrollView的高度,也就是设置View的高度约束的值, 我们将其拉成属性, 然后修改其值。

如果是确定的高度, 可以在- (void)updateViewConstraints这个方法中修改,也可以在别处修改。

- (void)updateViewConstraints{
[super updateViewConstraints];
//    self.scrollViewHeight.constant = 100;
}

相关文章

网友评论

      本文标题:Storyboard、xib中ScrollView约束添加-图解

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