注意:这里的教程是UIScrollview的竖直布局
布局步骤如下
- 第一步:对UIScrollview进行
上下左右
约束,这时会显示红色错误,如下图1-1:
图1-1
只需要将UIScrollview的Content Layout Guides
属性取消勾选,红色线条就会不见了,如下图1-2:
-
第二步:往UIScrollview添加一个
UIView
,这里我们取名叫ContentView
,后面所有UIScrollview的内容都放ContentView
里面。 -
第三步:给
图1-3ContentView
添加上下左右
约束,再设置宽高
约束等于UIScrollview的宽高
,如下图1-3:
-
第四步:接下来就是正常添加并布局子视图,注意子视图都添加到
ContentView
里面哦。 -
第五步:这是最关键的一步,将
图2-1.gifContentView
最后一个子视图的bottom
约束等于ContentView
的bottom
,再将ContentView
高度约束删除,大功告成,效果图如下gif图2-1:
有错误之处请大家指出,共同进步,完结撒花~
网友评论