AutoLayout代码适配之VFL
来源:互联网 发布:淘宝卖家在哪里拿货 编辑:程序博客网 时间:2024/06/05 07:00
NSLayoutConstraint的第二个类方法
+ (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;
其中format就是VFL字符串,比如@"H:|-10-[view]-20-|",一会详细说明。
opts是枚举参数,默认是0。
typedef NS_OPTIONS(NSUInteger, NSLayoutFormatOptions) { NSLayoutFormatAlignAllLeft = (1 << NSLayoutAttributeLeft), NSLayoutFormatAlignAllRight = (1 << NSLayoutAttributeRight), NSLayoutFormatAlignAllTop = (1 << NSLayoutAttributeTop), NSLayoutFormatAlignAllBottom = (1 << NSLayoutAttributeBottom), NSLayoutFormatAlignAllLeading = (1 << NSLayoutAttributeLeading), NSLayoutFormatAlignAllTrailing = (1 << NSLayoutAttributeTrailing), NSLayoutFormatAlignAllCenterX = (1 << NSLayoutAttributeCenterX), NSLayoutFormatAlignAllCenterY = (1 << NSLayoutAttributeCenterY), NSLayoutFormatAlignAllBaseline = (1 << NSLayoutAttributeBaseline), NSLayoutFormatAlignAllLastBaseline = NSLayoutFormatAlignAllBaseline, NSLayoutFormatAlignAllFirstBaseline NS_ENUM_AVAILABLE_IOS(8_0) = (1 << NSLayoutAttributeFirstBaseline), NSLayoutFormatAlignmentMask = 0xFFFF, /* choose only one of these three */ NSLayoutFormatDirectionLeadingToTrailing = 0 << 16, // default NSLayoutFormatDirectionLeftToRight = 1 << 16, NSLayoutFormatDirectionRightToLeft = 2 << 16, NSLayoutFormatDirectionMask = 0x3 << 16, };
metrics是自定义的一个字典,这个字典里面的key可以写在format字串中。编译器解析时,自动替换为metrics字典中的value。比如:
NSDictionary * metrics = @{@"left":@5,@"right":@5,@"height":@150.0}; NSString * format = @"|-left-[view]-right-|";
这个一看就明白的,不用这个,设置为nil。
views是设置约束所有view的字典。比如:
NSDictionary *viewsDictionary = NSDictionaryOfVariableBindings(view);
这个宏的作用是把view映射成字典[NSDictionary dictionaryWithObjectsAndKeys:view, @"view", nil];
VFL
苹果开发团队可能觉得添加单个constraint
的API比较长,于是就有了VFL(Visual format language)
。
上面提到的@"H:|-10-[view]-20-|"
,意思就是view
距离superview
的左边10
点,右边20
点,这样是不是就可以确定了这个view
的宽度了?
其中H:
表示横向,|
表示父视图边缘,-10-
表示10
点距离,[view]
表示子视图。
下面详细说明,参考:AutoLayout详解+手把手实战
V:
表示纵向
H:
表示横向
|
表示父视图边缘
-
表示距离
>=
表示视图间距、宽度或高度必须大于或等于某个值
<=
表示视图间距、宽度或高度必须小宇或等于某个值
==
表示视图间距、宽度或高度必须等于某个值
@
表示>=
、<=
、==
限制,最大为1000
示例:
|-[view]-|视图处在父视图的左右边缘内|-[view]视图处在父视图的左边缘|[view]视图和父视图左边对齐-[view]-设置视图的宽度高度|-30.0-[view]-30.0-|表示离父视图 左右间距30[view(200.0)]表示视图宽度为200.0|-[view(view1)]-[view1]-|表示视图宽度一样,并且在父视图左右边缘内V:|-[view(50.0)]视图高度为50V:|-(==padding)-[imageView]->=0-[button]-(==padding)-|表示离父视图的距离为Padding,这两个视图间距必须大于或等于0并且距离底部父视图为padding。[wideView(>=60@700)]视图的宽度为至少为60不能超过 700如果没有声明方向默认为水平H:(原文写的V:)
UIView *view = [[UIView alloc] init];view.backgroundColor = [UIColor brownColor];view.translatesAutoresizingMaskIntoConstraints = NO;[self.view addSubview:view];//通过宏映射成[NSDictionary dictionaryWithObjectsAndKeys:v1, @"v1", v2, @"v2", nil];NSDictionary *viewsDictionary = NSDictionaryOfVariableBindings(view);//约束1 横向[self.view addConstraints: [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-10-[view]-20-|" options:0 metrics:nil views:viewsDictionary]];//约束2 纵向[self.view addConstraints: [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[view]-200-|" options:0 metrics:nil views:viewsDictionary]];
swift demo
let btnDics = ["btn":btn,"superView":views] views.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "|-100-[btn]-100-|", options: NSLayoutFormatOptions.directionMask, metrics: nil, views: btnDics))
let btnDics = ["btn":btn,"superView":views] views.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "|-100-[btn]-100-|", options: NSLayoutFormatOptions.directionMask, metrics: nil, views: btnDics))
0 0
- AutoLayout代码适配之VFL
- AutoLayout 使用之代码实现(VFL)
- AutoLayout 使用之代码实现(VFL)
- iOS的屏幕适配之Autoresizing、Autolayout、VFL、Masonry
- Autolayout之VFL
- IOS autoLayout之使用VFL语言进行代码自动布局
- iOS 代码添加约束—VFL (AutoLayout)
- iOS 代码添加约束—VFL (AutoLayout)
- VFL--autolayout
- iOS 之Autolayout(VFL)(一)
- ios进阶--Autolayout 之VFL语言
- iOS 一一 AutoLayout之VFL实现
- VFL记录-代码写Autolayout的坑爹经历
- 使用系统自带方法代码,VFL, Masonry实现Autolayout
- Autolayout约束的代码实现方式-2(VFL)
- 自动布局:AutoLayout代码实现:NSLayoutConstraint、VFL、Mansony
- iOS界面布局之三——纯代码的autoLayout及布局动画 iOS8及VFL语言
- IOS开发笔记之AutoLayout及VFL探索
- 安卓 TabLayout+ViewPager实现滑动Tab效果
- 模糊搜索框 EditText动态过滤Listview并改变颜色(仿微信模糊搜索)
- UIStackView 详解 代码实现
- 仿写礼物说
- Java逻辑运算符(短路)
- AutoLayout代码适配之VFL
- Kubernetes微服务架构应用实践
- ASP.NET MVC4在部署IIS后,运行时显示的是整个Web的目录列表
- CentOS7下安装GitLab
- 关于mysql的sql语句的汇总(学习笔记)01
- EditChangedListener
- mysql数据库事务
- [QLdsPIC3]串口通信[dsPIC33FJ128GP708+C30]
- 解决360等等浏览器兼容模式解析不兼容代码