IOS开发之自动布局--VFL语言

前言：VFL是苹果公司为了简化Autolayout的编码而推出的抽象语言。对于纯代码发烧友，值得我们去学习和了解哦。

 

 

1、什么是VFL语言

　　VFL全称是Visual Format Language，翻译过来是“可视化格式语言”。

　　

2、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的边缘）

3、VFL的使用：

　　使用VFL来创建约束数组
　　　　+ (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;
　　　　　　format ：VFL语句
　　　　　　opts ：约束类型
　　　　　　metrics ：VFL语句中用到的具体数值
　　　　　　views ：VFL语句中用到的控件

　　创建一个字典（内部包含VFL语句中用到的控件）的快捷宏定义
　　　　NSDictionaryOfVariableBindings(...)
　　　　关于这个的使用下面展示个示例：

　　　　

 

4、VFL的代码练习示例：

　　需求：我们需要实现以下的效果。

　　　　在控制器view底部添加2个view，1个蓝色，1个红色
　　　　2个view宽度、高度永远相等,高度等于50
　　　　距离父控件左边、右边、下边间距和2个view之间的间距相等,等于30

　　　　

　　代码实现：

　　　　

　　　　源码百度云下载链接: http://pan.baidu.com/s/1eS13VAa 密码: qf1u

　　展示效果（直接旋转为横屏）：

　　　　

　　注意编码的事项：

　　　　

　　　　

 转载注明出处：http://www.cnblogs.com/goodboy-heyang/p/5359857.html ，尊重劳动成果。

转载于:https://www.cnblogs.com/goodboy-heyang/p/5359857.html