用AutoLayout对ScrollView进行布局

来源:互联网 发布:iphone降价规律 知乎 编辑:程序博客网 时间:2024/05/21 22:50

在AutoLayout使用中,ScrollView算是个刺头了吧,刚入行的时候我习惯用Storyboard开发,对这个感到特别的头痛,也有很大原因是对AutoLayout不熟吧……
然后就开始研究纯代码写布局,纯代码布局的话要计算坐标也是麻烦,我又发现了一个封装好AutoLayout的三方库Masonry,真的非常好用易懂,这里要感谢@里脊串 大神的经验分享,想了解Masonry的童鞋可以点这里前往他的博客了解下

但是从苹果的每次版本更新来看,Storyboard可能是开发的趋势了,我最近又开始用回Storyboard,下面就说说我是怎么用AutoLayout对ScrollView进行布局的吧……
先添加一个View,为了方便区分,改名成ADView,设置距上左右边距为10,高度为屏幕高度的1/3
这里写图片描述
往这个ADView里面放一个ScrollView,ScrollView四边贴紧View
这里写图片描述
再往ScrollView里面放一个View,改名成ContenView,这个ContenView的大小就是你想要设置的ScrollView的contentSize,ScrollView没设置这个就滚不动了,在这里我们设置这个ContentView的宽度为ADView的3倍,高度和ADView高度相等,四边贴紧ScrollView
这里写图片描述
接下来就是往这个ContenView里放你要滚动显示的View了,我这里为了省事就直接放了三个不同颜色的view,设置RedView的顶部底部左边贴紧ScrollView,宽高等于ADView
这里写图片描述
最后左上角出现的是我添加的GreenView和BlueView,因为还没添加约束,所以….下面就开始收拾他们!
设置GreenView和BlueView的宽高都和RedView一样,然后设置GreenView的左边贴紧RedView的右边,BlueView的左边贴紧GreenView的右边,然后设置他们的中心垂直对齐这里写图片描述
到此就大功告成了,Demo点这里下载,如果有什么问题或者我说得不对的地方请大家评论回复我,大家共同学习进步

0 0
原创粉丝点击