码迷,mamicode.com
首页 > 其他好文 > 详细

Storyboard、xib中的UIScrollView使用autolayout,使其能够滚动

时间:2015-08-17 19:17:43      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:

在使用storyboard和xib时,我们经常要用到ScrollView,还有自动布局AutoLayout,但是ScrollView和AutoLayout 结合使用,相对来说有点复杂。根据实践,我说一下我的理解,在故事板或xib中,ScrollView是根据其下面的一个View的大小来确定ContentSize的大小。

看一下效果

技术分享
 

1. 创建一个项目,拖拽一个ScrollView到故事板中,如下图 

技术分享
2. 选中ScrollView,添加约束。
技术分享
3. 拖拽一个View到ScrollView上, 然后添加上下左右四周约束。
技术分享
 4.添加完之后, 可能会报一个错, 如下图, 这个暂时别去管。  
技术分享

5. 我们先确定一下, 我们是需要水平方向的滚动还是竖直方向的滚动,或者水平方向和竖直方向都需要滚动。

a.水平方向和竖直方向都需要滚动的话, 不用添加

b.水平方向滚动需要添加下面一个约束

技术分享
c.竖直方向需要添加下面一个约束
技术分享
6.我们以水平方向滚动为例,  我们需要确定我们想要的宽度, 添加一个固定的宽度的约束。
技术分享
7.如果是想要动态设置ScrollView的宽度,也就是设置View的宽度约束的值, 我们将其拉成属性, 然后修改其值。
技术分享
8. 如果是确定的宽度, 可以在- (void)updateViewConstraints这个方法中修改,也可以在别处修改。
技术分享
 这样子就OK了。 可以通过代码来添加view然后就可以实现分页滚动了。
自动布局需要自己去多多实践, 有很多细节需要注意的。 

要往scrollView里面添加子控件--从向往下排

    0.设置scrollView的上下左右约束距离控制器view边距为零(确定frame的大小)

    1.要往scrollView添加一个内容View

    2.约束内容的View左上右边距离父控件为0

    3.约束死内容的View的高度

    4.约束内容View在ScrollView的水平居中(垂直滑动)

    5.添加控件--从上往下排

    6.去掉内容View的约束死的那个高度的约束

    7.约束内容View距离底部最后一个控件View的间距

Storyboard、xib中的UIScrollView使用autolayout,使其能够滚动

标签:

原文地址:http://www.cnblogs.com/jiqiaochun/p/4737244.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!