iosiOS中的自动布局——autoLayout

autoLayout自动布局  约束视图和视图之间的关系 来分配 屏幕上的位置

 使用VFL(Visual Format Language  视觉格式语言)通过添加字符串 来约束视图和视图之间的关系

 VFL:  需有 横 竖  两个方向 的约束

 横向: H:

| 表示他的父视图

 -50- 表示后面视图 与前面视图的距离 （后面视图是textField，前面视图是他的父视图）

 [textField(>=200)] 要约束视图的宽  (>=200)允许最小的宽度是200  如果是竖向  就是允许最小的高度

 

 @"H:|-50-[textField(>=200)]-50-|"

距离坐边原点距离50   右边边界距离50    允许视图的最小宽度是200

 竖向: V:

 使用autoLayout 必须把translatesAutoresizingMaskIntoConstraints禁用才可以使用

 相对布局是找一个参照物 拿参照物当做基础，设置他和参照物的相对距离 来设置自己的位置

   

    UIView *view1 = [self createWithClass:@"UIView"];

    view1.backgroundColor = [UIColor redColor];

    

    UIView *view2 = [self createWithClass:@"UIView"];

    view2.backgroundColor = [UIColor orangeColor];

    

    

  

    NSDictionary *views = NSDictionaryOfVariableBindings(view1,view2);

    

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

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

    

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

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[view1]-100-[view2(30)]" options:NSLayoutFormatAlignAllLeft metrics:nil views:views]];

//封装的view

- (UIView *)createWithClass:(NSString *)inputView{

    UIView *view = [[NSClassFromString(inputView) alloc] init];

    view.translatesAutoresizingMaskIntoConstraints = NO;

    [self.view addSubview:view];

    return view;

}