XIB页面使用AutoLayout之UIScrollView
2016-12-29 本文已影响127人
rang0
AutoLayout是个好东西,能帮我们适应各种屏幕而且、减少很多布局上的代码,而且所见及所得。回想起曾经代码写界面的时候反复command+R的心酸历史,顿时觉得幸福多了。好了,言归正传。话说AutoLayout+xib+UIScrollView这个坑你有没有踩过?反正我是踩过了。趁还没忘记赶紧来做个记录。
先说下套路,我是习惯在先拖一个scrollView,然后在scrollView上添加一个view作为contentView ,后面的控件都添加在这个contentView上面。下面是流水。
1、拖入scrollView,并设其置属性铺满整个superView,Update frame消掉警告。
![](https://img.haomeiwen.com/i2035235/e2d1370f4ba1f23e.png)
2、拖入view设置背景蓝色,卧槽红彤彤的一片。
![](https://img.haomeiwen.com/i2035235/f79f1be12474bf53.png)
3、设置view的上下左右约束
![](https://img.haomeiwen.com/i2035235/6ce94a3d5158b274.png)
4、添加蓝色的 Horizontally in Container(在容器内竖向滚动),若是要横向滚动设置Vertically in Container
![](https://img.haomeiwen.com/i2035235/80b1ae0c5ba13dc4.png)
5、设置view的高度
![](https://img.haomeiwen.com/i2035235/f4c428b32ce7cb05.png)
![](https://img.haomeiwen.com/i2035235/ab52d822e48eec32.png)
6、把view当成contentView来使用,其它控件拖到view上。如有需要,view的高度约束拖到代码里手动管理(若有好的方法说出来学习学习)。