美文网首页iOS Developer
在storyboard中如何使用scrollview

在storyboard中如何使用scrollview

作者: 南宫零三 | 来源:发表于2017-02-23 23:17 被阅读0次

    引言

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

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

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


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

    给scrollview添加约束

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

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

    给view添加约束的第一步

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

    view的约束第2步

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

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

    但是

    相关文章

      网友评论

        本文标题:在storyboard中如何使用scrollview

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