iOS xib中布局UIScrollview

注意:这里的教程是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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容