AutoLayout的使用方法

关于AutoLayout

autolayout刚出现的时候,我感觉自动布局及其难用,在Xib中拉线拉着拉着就晕头转向的,并且用代码来添加一个约束就需要三行代码,而一个控件最少也需要3个约束来控制,看着约束的代码及其头痛,可以说autolayout给我的第一印象非常差,随着对苹果对autolayout的优化,以及慢慢对vfl语言的熟悉,还有优秀的三方库Masonry的出现,不知不觉就彻底放弃frame而用autolayout来做项目的适配了。

下面通过一个列子演示一下autoLayout的使用方法

需求是在控制器view顶部添加2个view,1个蓝色,1个红色2个view宽度、高度永远相等距离父控件右边、上边间距和2个view之间的间距相等,效果如下图

AutoLayout的使用方法_第1张图片

竖屏效果


AutoLayout的使用方法_第2张图片

横屏效果

用OC代码创建约束


AutoLayout的使用方法_第3张图片
AutoLayout的使用方法_第4张图片
AutoLayout的使用方法_第5张图片
AutoLayout的使用方法_第6张图片
AutoLayout的使用方法_第7张图片


我就总了一种,以后会总结多种,谢谢!

你可能感兴趣的:(AutoLayout的使用方法)