iOS VFL语言-白红宇

iOS VFL语言

阅读量：4290 次

发布时间：2019-05-27

本文共 2704 字，大约阅读时间需要 9 分钟。

语法:

H:[cancelButton(72)]-12-[acceptButton(50)]cancelButton宽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左边缘间隔10，之后是FindNext距离Find间隔默认宽度；再之后是宽度不小于20的FindField，它和FindNext以及父view右边边缘的间距都是默认宽度。（竖线“|”表示superview的边缘）。

constraintsWithVisualFormat：这个方法返回了一个数组;

@"H:|-20-[blueView(100)]-20-|":这句话表明所添加的约束，H的意思是水平方向添加约束，blueView 视图名称，(100)代表着blueView 的宽为100，blueView距离父类的左边20，距离父类的右边是20;

options：是对其方式;

metrics：返回的是一个字典，它的意思是可以将约束中的值用某些字符串来代理，然后在这个字典中给多对应的字符串赋值，方便修改，并且增加可读性;

views：返回的也是一个字典，这个字典的意思是：你可以将前面的view用其他字符串来代替，在这里在给他赋给对应的view的名字。

我可以将上面的约束语句改成如下这样：

NSArray *blueHArr = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-aa-[cccc(100)]-20-|"options:kNilOptionsmetrics:@{
  @"aa":@20}views:@{
  @"cccc":blueView}];

这里我用aa替换了20，cccc替换了blueVuew

举例:

NSString *hVFL = @"H:|-30-[blueView]-30-[redView(==blueView)]-30-|";    NSArray *hCons = [NSLayoutConstraint constraintsWithVisualFormat:hVFL options:NSLayoutFormatAlignAllBottom | NSLayoutFormatAlignAllTop metrics:nil views:@{
 @"blueView":blueView, @"redView":redView}];    [self.view addConstraints:hCons];        //2.2垂直方向的约束    NSString *vVFL = @"V:[blueView(50)]-30-|";    NSArray *vCons = [NSLayoutConstraint constraintsWithVisualFormat:vVFL options:0 metrics:nil views:@{
 @"blueView":blueView}];    [self.view addConstraints:vCons];

举例:

// 代码方式实现自动布局 VFL

// 创建一个Tableview;

UITableView *tableView = [[UITableViewalloc] init];

tableView.backgroundColor = [UIColorredColor];

#warning 代码实现自动布局，要设置下面的属性为NO

tableView.translatesAutoresizingMaskIntoConstraints =NO;

[self.viewaddSubview:tableView];

// 创建输入框View

WCInputView *inputView = [WCInputViewinputView];

inputView.translatesAutoresizingMaskIntoConstraints =NO;

[self.viewaddSubview:inputView];