iOS开发 -------- storyBoard实现控制器添加childViewController

时间:2023-03-09 20:17:36
iOS开发 -------- storyBoard实现控制器添加childViewController
1 拖进去scrollView 添加约束(0,0,0,0);
 
iOS开发 -------- storyBoard实现控制器添加childViewController
 
2 更新scrollView约束,然后在scrollView上面加个view,设置其约束为(0,0,0,0) 和 水平滑动约束;
 iOS开发 -------- storyBoard实现控制器添加childViewController
iOS开发 -------- storyBoard实现控制器添加childViewController
 
 
此时为下图
iOS开发 -------- storyBoard实现控制器添加childViewController
此时会报红色,是因为约束没有加够,此时给新添加的view命名为”RedView”(方便观看而已),这时同时选中Controller自带的view和RedView,添加等宽等高约束
iOS开发 -------- storyBoard实现控制器添加childViewController
 
3
点击RedView,在右侧选中其宽度约束双击
 
 iOS开发 -------- storyBoard实现控制器添加childViewController
双击宽度约束,进来发现Multiplier初始值为1,我们将其修改为3(3,就是childController的数量)
iOS开发 -------- storyBoard实现控制器添加childViewController                                 iOS开发 -------- storyBoard实现控制器添加childViewController
 
然后把RedView的水平滑动约束删除
iOS开发 -------- storyBoard实现控制器添加childViewController
 
这时候会发现红色警告消除了,但是还是有黄色约束,不要怕,是没有更新frame的缘故
iOS开发 -------- storyBoard实现控制器添加childViewController
 
4  此时向Controller中拖进来3个Container View
 iOS开发 -------- storyBoard实现控制器添加childViewController
 
如下图
iOS开发 -------- storyBoard实现控制器添加childViewController
选中第一个Container View添加如下约束:
iOS开发 -------- storyBoard实现控制器添加childViewController
选中第二个Container View添加如下约束:
iOS开发 -------- storyBoard实现控制器添加childViewController
选中第三个Container View添加如下约束:
iOS开发 -------- storyBoard实现控制器添加childViewController
这个时候界面上还会有红色警告,是因为没有没Container View加宽高约束,选中三个Container View添加等宽等高约束
 
 iOS开发 -------- storyBoard实现控制器添加childViewController
这个时候红色警告消失了,但是黄色警告一大堆,不要担心,仔细看,爆黄色的原因,很显然约束加成功了,只需要更新一下frame就可以了
iOS开发 -------- storyBoard实现控制器添加childViewController
更新后黄色警告也消失了
 iOS开发 -------- storyBoard实现控制器添加childViewController
 
 
让我们调整一下界面,将每个Container View的view加上背景颜色,就好看多了
iOS开发 -------- storyBoard实现控制器添加childViewController
 
 
5. 然后在模拟器上运行,去滑动scrollView,发现scrollView可以滑动了. 表面我们已经成功添加了三个子控制器到根视图控制器上面.
iOS开发 -------- storyBoard实现控制器添加childViewController
iOS开发 -------- storyBoard实现控制器添加childViewController
iOS开发 -------- storyBoard实现控制器添加childViewController