首页 > 代码库 > 如何在UIScrollView的xib上添加子控件并添加AutoLayout约束

如何在UIScrollView的xib上添加子控件并添加AutoLayout约束

引言

自从苹果推出了autoLayout之后,作为开发者,深深的体验到了他的便捷之处,再也不用为适配不同屏幕布局UI而烦恼,我们仅仅需要和类关联一个xib文件,想上面放置我们需要的控件xib,并打好其相对于父视图以及同级视图的约束关系,这样我们就做好了不同屏幕的适配。但是奇怪的是UIScrollView上添加子控件,和之前的一样的操作,报的错却很吓人,那是为什么呢?

原因分析

因为UIScrollView想要能滑动的前提是要知道他的ContentSize的大小,我们直接向上面添加约束,他不知道自己的ContentSize是多少,所以就报错了

解决方法

1. 拖一个UIView在UIScrollView上作为子控件的内容视图,之后所有的空间都放在这个内容视图上(类似于UITableviewCell的contentView)

2. 设置这个内容视图距离UIScrollView上下左右距离约束都是0,表示内容视图和UIScrollView的frame一样大

3. 固定UIView 的高度,这一步是虚假的操作,这样UIScrollView就以为的自己的contentSize.height = 内容视图.height

4. 设置UIView水平居中(表示垂直方向能滑动),这时候UIView就没有警告了

5. 向UIView上拖子控件,按正常情况设置约束(从上往下打约束)

6. 删除之前设置的高度约束,设置UIView 和其子视图布局最底部的控件的 bottom space to container

至此,UIScrollView上的约束就完成了~

如何在UIScrollView的xib上添加子控件并添加AutoLayout约束