ios进阶--Autolayout 之VFL语言

（一）Autolayout 之VFL语言介绍

VFL全称是VisualFormatLanguage，翻译过来是“可视化格式语言”，VFL是苹果公司为了简化Autolayout的编码而推出的抽象语言。

（二）VFL示例

H:[cancelButton(72)]-12-[acceptButton(50)]

// canelButton宽72，acceptButton宽50，它们之间间距12

H:[wideView(>=60@700)]

// wideView宽度大于等于60point，该约束条件优先级为700（优先级最大值为1000，优先级越高的约束越先被满足）

V:[redBox][yellowBox(==redBox)]

// 竖直方向上，先有一个redBox，其下方紧接一个高度等于redBox高度的yellowBox

H:|-10-[Find]-[FindNext]-[FindField(>=20)]-|

// 水平方向上，Find距离父view左边缘默认间隔宽度，之后是FindNext距离Find间隔默认宽度；再之后是宽度不小于20的FindField，它和FindNext以及父view右边缘的间距都是默认宽度。（竖线“|”表示superview的边缘）

（三）VFL的使用

1).  使用VFL来创建约束数组

+(NSArray*)constraintsWithVisualFormat:(NSString*)format options:(NSLayoutFormatOptions)optsmetrics:(NSDictionary*)metrics views:(NSDictionary*)views;

ormat：VFL语句

opts：约束类型

metrics：VFL语句中用到的具体数值

views：VFL语句中用到的控件

2).  创建一个字典（内部包含VFL语句中用到的控件）的快捷宏定义

NSDictionaryOfVariableBindings(...)

（五）Autolayout 的好处

在没有 Autolayout 之前， UILabel 的文字内容总是居中显示，导致顶部和底部会有一大片空缺区域

有 Autolayout 之后， UILabel 的 bounds 默认会自动包住所有的文字内容，顶部和底部不再会有空缺区域