UI（四十三）描述布局VFL

VFL：Visual Format Language 可视化格式语言

 H：水平方向

 V：垂直方向

 |：表示父视图

 [视图的名字]：其他视图

 -：本身表示一段距离

 -距离-：表示指定距离

 [字符串表示的视图]参照视图

 [字符串表示的视图(视图的宽高或者最小最大的宽高)]❗️()小括号千万不要丢掉

 使用自动布局 autolayout  frame就会失效-->不需要再去设置frame

 1、使用代码自动布局的时候 需要禁用translatesAutoresizingMaskIntoConstraints这个属性

 2、绑定视图与字符串

 3、添加约束

//1、禁用属性

    view1.translatesAutoresizingMaskIntoConstraints= NO;

//2、绑定视图和字符串

 NSDictionary *views = NSDictionaryOfVariableBindings(view1);

//3、添加约束

 /*

     VisualFormat:VFL语句

     options:基于哪一个选项（基于哪个方向去计算布局）

     metrics：绑定数值（NSNumber） 与字符串

     views：绑定视图 与字符串

     */

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-100-[view(>=100)]-100-|" options:NSLayoutFormatAlignAllLeft metrics:nil views:views]];

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-150-[view(40)]" options:NSLayoutFormatAlignAllLeft metrics:nil views:views]];