在storyboard中如何使用scrollview

引言

    在纯代码开发中,使用scrollview我们可以很方便的布置好它的frame和contentSize,还有一些必要的属性设置等待。

    在iOS 6之后苹果引入了autoLayout(自动布局),其强大的控件布局让我们省了很多代码,也节省了很多开发时间。

    接下来就说一说如何在storyboard里快速上手scrollview。


    第一步,在一个空白的ViewController里拖入一个scrollView,并且给这个scrollView添加上下左右4个约束都为0,同时更新一下;

在storyboard中如何使用scrollview_第1张图片
给scrollview添加约束

    第二步:完成第一步后相当于我们给scrollview设置了需要显示的frame,接下来是设置content view。在scrollview的基础上拖入一个空白的view,这时候会出现一个红色的警告,不用管他,因为在autolayout的情况下SB不知道设置的content view的尺寸多大,所以不知道如何去设置。

对空白view也就是content view的约束做如下设置,先在左边视图同时选中scrollview和view,然后添加一个竖直对齐的约束,这个约束是view参照scrollview的,添加后先别更新,

在storyboard中如何使用scrollview_第2张图片
给view添加约束的第一步

然后单选view,分别添加上下左右和高5个约束条件,添加的高就是我们scrollview的内容大小,这里我是以上下滚动为例,如果要做左右滚动的,view设置的则是上下左右和宽五个约束,添加完后同时更新一下约束;

在storyboard中如何使用scrollview_第3张图片
view的约束第2步

    到这里,我们给scrollview的frame和content view的size都设置好了,接下来就是在view上做一些布局就可以了,例如添加一些按钮,标签和图片等,给这些按钮,标签和图片添加的约束是基于view的。在SB中,我们可以直观的设置scrollview的一些属性,例如滚动的弹性,水平或者竖直方向的滚动条等等。

    这就是在storyboard里面使用autolayout快速布局scrollview,希望能给你带来一些灵感。















但是

你可能感兴趣的:(在storyboard中如何使用scrollview)