UIScrollView布局
将UIScrollView加入父视图中,增加相应的约束,相对父视图约束如下。采用的是上下左右与父视图对应的上下左右间距为0。当然也可以用其他约束方法,比如相对父视图水平垂直居中、宽高等于父视图
UIScrollView子视图布局
不使用Content Layout Guides布局
截图中,content layout guides不要勾选,默认是勾选的
在UIScrollView中子视图如下所示,此时布局约束仍然报错,因为还没有给子视图布局
布局步骤
-
将Collection View1相对父视图布局,尾部与Collection View2间距为0
- Collection View2与Collection View3布局类似,上下都紧挨父视图,Collection View3左侧与Collection View2紧挨
-
最后一个视图布局需要与父视图尾部间距为0(此时页面直接给尾部布局,应该是个负数,改成0值)
至此,UIScrollView及子视图布局列表变成这样
- 现在给长宽布局,将所以子视图设置为等宽,其中任意一个设置为与父视图等宽等高
大功告成!😁
使用Content Layout Guides布局
勾选content layout guides, 此时需要在UIScrollView中增加一个单一的子视图,需要显示的UI控件在这个子视图中。将子视图通过鼠标右击与‘Content Layout Guide’进行连线,上面4个统统连线(leading/top/trailing/bottom)。再与'Frame Layout Guide'中的Equal Widths(竖直滚动)或Equal Heights(横向滚动)连线。
连线完毕后,约束依然报错,先不要理睬,将需要布局的控件全部加入到这个唯一控件中