自定布局 ☞ NSLayoutConstraint 布局

本文介绍如何使用NSLayoutConstraint实现纯手写的自动布局,包括不同视图间的定位方式、大小限制等,适合iOS开发者学习。

通过 NSLayoutConstraint 实现纯手写 自动布局
竖屏:
这里写图片描述
横屏:
这里写图片描述

|: 表示父视图
  -:表示距离
  V:  :表示垂直
  H:  :表示水平
>= :表示视图间距、宽度和高度必须大于或等于某个值
    <= :表示视图间距、宽度和高度必须小宇或等于某个值
    == :表示视图间距、宽度或者高度必须等于某个值
@  :>=、<=、==  限制   最大为  1000

1.|-[view]-|:  视图处在父视图的左右边缘内
2.|-[view]  :   视图处在父视图的左边缘
3.|[view]   :   视图和父视图左边对齐
4.-[view]-  :  设置视图的宽度高度
5.|-30.0-[view]-30.0-|:  表示离父视图 左右间距  30
6.[view(200.0)] : 表示视图宽度为 200.0
7.|-[view(view1)]-[view1]-| :表示视图宽度一样,并且在父视图左右边缘内
8. V:|-[view(50.0)] : 视图高度为  50
9: V:|-(==padding)-[imageView]->=0-[button]-(==padding)-| : 表示离父视图的距离
为Padding,这两个视图间距必须大于或等于0并且距离底部父视图为 padding。
10:  [wideView(>=60@700)]  :视图的宽度为至少为60 不能超过  700
11: 如果没有声明方向默认为  水平  V:

Demo 下载地址:https://github.com/Ashimar/NSLayoutConstraintTest.git

参考:
ios-AutoLayout(自动布局代码控制)简单总结
http://blog.sina.com.cn/s/blog_7c336a830102vaht.html

NSLayoutConstraint-代码实现自动布局
http://www.jianshu.com/p/5da3d2fe5dee

iOS自动布局高级用法及纯手码约束写法
http://www.open-open.com/lib/view/open1437633000068.html

iOS 8 Auto Layout界面自动布局系列1-自动布局的基本原理
http://blog.youkuaiyun.com/pucker/article/details/41832939

关于iOS自动布局
http://blog.youkuaiyun.com/nestalk/article/details/20292623

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值