Visual format language

所谓的VFL语言其实就是Visual format language 的缩写，是一种使用代码添加约束的方式，类似于Masonry SDAutolayout的效果，但是操作起来可能要相对简单。一行代码就可以实现。

　　举一个例子：

UIView *ive1=[UIView new];

ive1.translatesAutoresizingMaskIntoConstraints=NO;

ive1.backgroundColor=[UIColor redColor];

[self.view addSubview:ive1];

UIView *ive2=[UIView new];

ive2.translatesAutoresizingMaskIntoConstraints=NO;

ive2.backgroundColor=[UIColor blueColor];

[self.view addSubview:ive2];

　　因为要使用VFL语言，所以就不需要指定固定的frame，但是需要注意的是控件必须先添加到视图上去。

NSArray *ive1Arr= [NSLayoutConstraint

constraintsWithVisualFormat:@"H:|-20-[ive1]-20-|" //这个是水平方向的约束，'|'表示父视图

options:NSLayoutFormatAlignAllTop|NSLayoutFormatAlignAllBottom //这是个对齐方式

metrics:nil//这里返回的是一个字典，意思是将约束中的某些值用字符串来代替，字典中给多对应的字符串赋值，方便修改

views:NSDictionaryOfVariableBindings(blueView)];//跟上边相似，返回字典，可用字符串代替，然后给出名字。

//上边的式子等同于

NSArray *ive1Arr =[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-toLeft-[testView]-20-|"options:NSLayoutFormatAlignAllTop|NSLayoutFormatAlignAllBottom metrics:@{@"toLeft":@20} views:@{@"testView":ive1}];

[self.view addConstraints:ive1Arr];//给添加水平方向的约束数组

//给添加垂直方向的数组，高度为五十，距离底边距为10 这种写法会简单一些

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[ive1(50)]-10-|"

options:NSLayoutFormatDirectionLeadingToTrailing

metrics:nil

views:NSDictionaryOfVariableBindings(ive1)]];

注意一个问题，Visual format language 语言里不能出现乘除法，否则会崩溃。这种情况下只能使用另外一个方法

举例(ive1的宽度是ive2宽度的一半)：

NSLayoutConstraint *constraintIve1=[NSLayoutConstraint

constraintWithItem:ive1 　　　　　　//目标item

attribute:NSLayoutAttributeWidth　//约束类型

relateBy:NSLayoutRelationEqual　　//等同于

toItem:ive2　　　　　　　　　　　　 //对比item

attribute:NSLayoutAttributeWidth

multiplier:0.5　　　　　　　　　　　//对比的倍数

constant:0.0　　　　　　　　　　　　//获取到响应的倍数以后增加固定量

];

上边内容为手打字母，直接copy可能会有字符错误。请理解代码意思以后自行书写。

巴特西

Visual format language

最新文章

热门文章