学习AutoLayout(VFL)
2016-03-10 14:58
405 查看
NSLayoutConstraint的第二个类方法
其中format就是VFL字符串,比如@”H:|-10-[view]-20-|”,一会详细说明。
opts是枚举参数,默认是0。
metrics是自定义的一个字典,这个字典里面的key可以写在format字串中。编译器解析时,自动替换为metrics字典中的value。比如:
这个一看就明白的,不用这个,设置为nil。
views是设置约束所有view的字典。比如:
这个宏的作用是把view映射成字典
VFL
苹果开发团队可能觉得添加单个constraint的API比较长,于是就有了VFL(Visual format language)。
上面提到的@”H:|-10-[view]-20-|”,意思就是view距离superview的左边10点,右边20点,这样是不是就可以确定了这个view的宽度了?
其中H:表示横向,|表示父视图边缘,-10-表示10点距离,[view]表示子视图。
下面详细说明,参考:AutoLayout详解+手把手实战
示例:
代码
效果图
+ (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)]视图高度为50 V:|-(==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]];
效果图
相关文章推荐
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- 讲解iOS开发中基本的定位功能实现
- iOS中定位当前位置坐标及转换为火星坐标的方法
- js判断客户端是iOS还是Android等移动终端的方法
- iOS应用中UISearchDisplayController搜索效果的用法
- IOS开发环境windows化攻略
- iOS应用中UITableView左滑自定义选项及批量删除的实现
- 浅析iOS应用开发中线程间的通信与线程安全问题
- 检测iOS设备是否越狱的方法
- .net平台推送ios消息的实现方法
- 探讨Android与iOS,我们将何去何从?
- Android、iOS和Windows Phone中的推送技术详解
- iOS推送的那些事
- IOS 改变键盘颜色代码