一、VFL介绍
1、VFL全称是Visual Format Language,翻译过来是“可视化格式语言”
2、VFL是苹果公司为了简化Autolayout的编码而推出的抽象语言
3、VFL:需有横竖两个方向的约束
横向: H:
竖向: V:
4、核心思想
约束视图和视图之间的关系来分配屏幕上的位置
4、使用autoLayout 必须把translatesAutoresizingMaskIntoConstraints禁用才可以使用
5、添加约束之前,一定要保证相关控件都已经在各自的父控件上不用再给view设置frame
二、VFL示例
1、在水平方向上 canelButton的宽是72,acceptButton宽是50,它们2个控件之间的间距是12
H:[cancelButton(72)]-12-[acceptButton(50)]
2、在水平方向上 wideView宽度大于等于60point,该约束条件优先级为700(优先级最大值为1000,优先级越高的约束越先被满足)
H:[wideView(>=60@700)]
3、竖直方向上,先有一个redBox,其下方紧接一个高度等于redBox高度的yellowBox
V:[redBox]-[yellowBox(==redBox)]
4、(竖线“|” 表示superview的边缘)水平方向上,Find距离父view左边缘默认间隔宽度,之后是FindNext距离Find间隔默认宽度;再之后是宽度不小于20的FindField,它和FindNext以及父view右边缘的间距都是默认宽度
H:|-10-[Find]-[FindNext]-[FindField(>=20)]-|
三、使用步骤
1、禁用autoResizing
view.translatesAutoresizingMaskIntoConstraints = NO;
2、创建一个字典,内部包含VFL语句中用到的控件,
NSDictionaryOfVariableBindings(...)
3、使用VFL来创建约束数组
format :VFL语句
opts :约束类型
metrics :VFL语句中用到的具体数值
views :VFL语句中用到的控件
+ (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;
4、给父试图添加数组约束
addConstraints
一、认识masonry
1、Masonry是一个轻量级的布局框架,实现一种更简单的方式用代码做autolayout布局
2、拥有自己的描述语法,采用更优雅的链式语法封装自动布局
3、简洁明了并具有高可读性,而且同时支持 iOS 和 Max OS X
4、使用masonry框架做布局,从此以后就可以抛弃CGRectMake了
二、在masonry中能够添加autolayout约束有三个方法,
1、mas_makeConstraints 只负责新增约束 Autolayout不能同时存在两条针对于同一对象的约束 否则会报错
- (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *make))block;
2、mas_updateConstraints 针对上面的情况 会更新在block中出现的约束 不会导致出现两个相同约束的情况
- (NSArray *)mas_updateConstraints:(void(^)(MASConstraintMaker *make))block;
3、mas_remakeConstraints则会清除之前的所有约束仅保留最新的约束
- (NSArray *)mas_remakeConstraints:(void(^)(MASConstraintMaker *make))block;
PS:三种函数善加利用就可以应对各种情况了
三、masonry使用示例
1、用四个等宽等高的试图,填充整个self.view
2、让两个高度为150的view垂直居中且等宽且等间隔排列 间隔为10(自动计算其宽度)
3、实现动画