一丶介绍
VFL是可视化格式语言,用来实现自动布局的;
二丶使用
格式:
方向 : [视图] -距离-[视图(大小)]-距离-[视图]
符号参考图:
Paste_Image.png
1.例子:
实现一个redView距离父视图,上100,左30,宽50,高100;
翻译成VFL应该这么理解:
redView
水平方向上:距离父视图左边30,宽度50;
垂直方向上:距离父视图上边100,高度100;
代码:
_redView = [[UIView alloc] init];
_redView.translatesAutoresizingMaskIntoConstraints = NO;
_redView.backgroundColor = [UIColor redColor];
[self.view addSubview:_redView];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-30-[_redView(==50)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_redView)]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[_redView(==100)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_redView)]];
效果:
Paste_Image.png
三丶重点
有了Masonry这种库,VFL语言很久没用过了;本来没提的必要;但是今天看到
https://autolayoutconstraints.com/
这个网站...
Paste_Image.png
代码虽然长了点,但是基本实现了;而且还支持swift
Paste_Image.png
四丶总结
以前些项目的时候有遇到同时布局iPhone,iPad横竖适配的情况,masonry这种第三方是用不上的,又不想写系统非常长的自动布局代码;选择用VFL;代码还是很简洁易懂的;
