美文网首页
iOS xib中布局UIScrollview

iOS xib中布局UIScrollview

作者: IMKel | 来源:发表于2020-06-09 15:02 被阅读0次

注意:这里的教程是UIScrollview的竖直布局

布局步骤如下

  • 第一步:对UIScrollview进行上下左右约束,这时会显示红色错误,如下图1-1:
    图1-1

只需要将UIScrollview的Content Layout Guides属性取消勾选,红色线条就会不见了,如下图1-2:

图1-2
  • 第二步:往UIScrollview添加一个UIView,这里我们取名叫ContentView,后面所有UIScrollview的内容都放ContentView里面。

  • 第三步:给ContentView添加上下左右约束,再设置宽高约束等于UIScrollview的宽高,如下图1-3:

    图1-3
  • 第四步:接下来就是正常添加并布局子视图,注意子视图都添加到ContentView里面哦。

  • 第五步:这是最关键的一步,将ContentView最后一个子视图的bottom约束等于ContentViewbottom,再将ContentView高度约束删除,大功告成,效果图如下gif图2-1:

    图2-1.gif

有错误之处请大家指出,共同进步,完结撒花~

相关文章

网友评论

      本文标题:iOS xib中布局UIScrollview

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