iOS学习之VFL实现自动布局

最新推荐文章于 2018-02-11 14:27:20 发布

chris-gardner

最新推荐文章于 2018-02-11 14:27:20 发布

阅读量753

点赞数

分类专栏： ios开发文章标签： iOS 自动布局 VFL

本文链接：https://blog.youkuaiyun.com/u014410695/article/details/49797373

版权

ios开发专栏收录该内容

68 篇文章

订阅专栏

本文介绍了如何利用Visual Format Language (VFL)在iOS中快速添加和管理界面约束，详细讲解了VFL的基本语法，包括设置视图间距、与父视图的边缘约束以及视图高度范围限制，并提供了具体的代码实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

坚持成长每日一篇

VFL可以实现快速添加多条约束，掌握VFL可以很方便的用存代码布局我们的App界面
VFL常用的情况：
[view1]-100－[view2]：约束两个视图距离为100.
H:|-0-[view1]-0-|：约束view1与父视图的水平方向距离。｜｜分别表示父视图的边缘。H表示水平方向
V:|-64-[view1]-0-[view2(150)]-0-|：约束父视图的垂直方向，（150表示view2垂直发现的高度为150）。
［view2(>=30,<=50)］约束高度的范围在30到50之间

代码实例

// 创建一个view1 和view2, view1和view2不需要做任何的Rect设置
    UIView *view1 = [[UIView alloc] init];
    view1.backgroundColor = [UIColor blueColor];
    [self.view addSubview:view1];
    UIView *view2 = [[UIView alloc] init];
    view2.backgroundColor = [UIColor yellowColor];
    [self.view addSubview:view2];



#warning 代码实现自动布局，要设置下面的属性为NO
    view1.translatesAutoresizingMaskIntoConstraints = NO;
    view2.translatesAutoresizingMaskIntoConstraints = NO;


    //创建参加自动布局的视图的字典


    NSDictionary *views = @{@"view1":view1,
                            @"view2":view2};
    // 水平方向的约束,注意有多少个水平约束就会有多少个数组。一个数组组只保存有一个水平方向的约束
    // 1.view1水平方向的约束
    NSArray *tabviewHConstraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-0-[view1]-0-|" options:0 metrics:nil views:views];
    [self.view addConstraints:tabviewHConstraints];

    // 2.view2水平方向的约束
    NSArray *inputViewHConstraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-0-[view2]-0-|" options:0 metrics:nil views:views];
    [self.view addConstraints:inputViewHConstraints];

#warning 如果view1和view2需要在同一水平线上的约束就只有一个数组了。根据情况判断


    // 垂直方向的约束
    NSArray *vContraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-64-[view1]-0-[view2(150)]-0-|" options:0 metrics:nil views:views];
    [self.view addConstraints:vContraints];

    //此处的vContraints可以打印出来，如果你需要将来修改某条约束可以保存该约束为全局变量
    NSLog(@"vContraints = %@",vContraints);