Masonry学习之链式属性
来源:互联网 发布:合金装备 mac 汉化 编辑:程序博客网 时间:2024/06/06 16:29
在前面的Masonry基本布局中,我们完成了绿、红和蓝三个视图的布局,Masonry的基本布局操作方式大大简化了苹果原生的自动布局代码。然而,我们还可以更进一步,这就是Masonry的链式属性的写法。
对于绿色视图,我们之前是这样写的:
[greenView makeConstraints:^(MASConstraintMaker *make) { make.top.greaterThanOrEqualTo(superview.top).offset(padding); make.left.equalTo(superview.left).offset(padding); make.bottom.equalTo(blueView.top).offset(-padding); make.right.equalTo(redView.left).offset(-padding); make.width.equalTo(redView.width); make.height.equalTo(redView.height); make.height.equalTo(blueView.height); }];
我们仔细观察发现,对于绿色视图而言,其top、left属性是有一些共同点的,都是相对于superview,偏移也相等,这种情况下,我们就可以使用链式属性的写法:
// chain attributesmake.top.and.left.equalTo(superview).insets(padding);// which is the equivalent of// make.top.greaterThanOrEqualTo(superview).insets(padding);// make.left.greaterThanOrEqualTo(superview).insets(padding);
同理,对于红色视图:
基本写法:
[redView mas_makeConstraints:^(MASConstraintMaker *make) { make.top.equalTo(superview.mas_top).with.offset(padding); //with with make.left.equalTo(greenView.mas_right).offset(padding); //without with make.bottom.equalTo(blueView.mas_top).offset(-padding); make.right.equalTo(superview.mas_right).offset(-padding); make.width.equalTo(greenView.mas_width); make.height.equalTo(@[greenView, blueView]); //can pass array of views }];
链式写法:
// chain attributesmake.top.and.right.equalTo(superview).insets(padding);
注意,基本写法中使用的offset有正负的区别,而链式写法中的insets使用的是绝对值,这也简化了理解。
同理,对于蓝色视图:
基本写法:
[blueView mas_makeConstraints:^(MASConstraintMaker *make) { make.top.equalTo(greenView.mas_bottom).offset(padding); make.left.equalTo(superview.mas_left).offset(padding); make.bottom.equalTo(superview.mas_bottom).offset(-padding); make.right.equalTo(superview.mas_right).offset(-padding); make.height.equalTo(@[greenView.mas_height, redView.mas_height]); //can pass array of attributes }];
链式写法:
[blueView mas_makeConstraints:^(MASConstraintMaker *make) { make.top.equalTo(greenView.mas_bottom).insets(padding); // chain attributes make.left.right.and.bottom.equalTo(superview).insets(padding); make.height.equalTo(@[greenView, redView]); }];
链式属性写法不仅精简了代码,更简化了语义,非常好用。
阅读全文
0 0
- Masonry学习之链式属性
- Masonry学习之UILabel
- Masonry学习之UIScrollView
- Masonry学习之Array
- Masonry学习之基本布局
- Masonry学习之更新约束
- Masonry学习之使用常量
- Masonry学习之复合edges
- Masonry学习之aspect fit
- Masonry学习之基本动画
- Masonry学习之Distribute View
- Masonry学习之Layout Guides
- iOS 链式编程(Masonry)
- iOS 自动布局框架学习之Masonry
- iOS学习之Masonry第三方约束
- Masonry学习之设置新的约束
- Masonry学习之布局边距
- Masonry学习
- android Logcat打印格式说明
- vmware workstation 14 黑屏 解决方法
- unity创建小地图
- mysql日常 bug发现
- 171207之java中的JSON序列化问题
- Masonry学习之链式属性
- javascript JSON.parse() JSON.stringify() 和jquery.parseJOSN() 使用与区别
- 大数据显示:中国的程序员是世界上最牛的程序员
- Winsock库接口详解
- mysql常用函数
- RSA加密与解密的流程与方法
- 一文读懂「用户行为数据」的采集、分析和应用
- 更改select样式,点击div触发select
- 爬虫技术的门道,这篇文章总结的最全