iOS 提供了自动布局的方法,但是原生的方法使用太过麻烦 ,Masonry 框架提供了类似的方法,同样可以实现自动布局
,代码更加直观,而且容易理解。
Masonry 是一个轻量级的布局框架。拥有自己的描述语法,采用更优雅的链式语法封装自动布局,简洁明了并具有较高的可读性
,同时支持iOS和Mac OSX。某种意义上可以取代AutoLayout
1.Masonry配置
使用时只需要导入头文件 (Masonry.h)
2.Masonry 常用的方法
2.1Masonry 给视图添加布局条件的常用方法主要有以下三种:
1.创建新的约束条件
[view1 mas_makeConstrains:^(MASContraintMaker *make)];
2.如果之前有约束条件 ,则更新约束条件,如果没有则添加约束
[view1 mas_updateConstrains:^(MASConstrainMaker*make)];
3.将之前的约束条件全部删除 ,重新添加新的约束条件(重置约束条件)
[view1 mas_remakeContrains:^(MASContrainMaker*make)];
*说明;make代表当前视图的约束条件
2.2Masonry 的约束属性和方法
MASContraint 是一个抽象类 ,为视图提供了彼此之间的约束条件
*equalTo: 对齐
*greaterThanOrEqualTo:大于或超出
*lessThanOrEqualTo :小于或超出
priorityLow:优先级低
priorityMedium :优先级中等‘
priorityHigh ;优先级高
offset :位置偏移
sizeOffset: 大小偏移
centerOffset :中心偏移;
例如:(设置view1的位置和大小 1. 通过设置四周边界里控制位置和大小)
[view1 mas_makeContraints:^(MASContraintMaker *make){
//定制视图到四边的距离
make.top.equalTo:(self.view.mas_top).offset(20);//到顶部的距离
make.bottom.equalTo:(self.view.mas_bottom).offset(-200);//到底部的距离
make.left.equalTo:(self.view.mas_left).offset(50); //左侧的距离
make.right.equalTo:(self.view.mas_right).offset(-100);//右侧的距离
}];
设置view2 的位置和大小
[view2 mas_makeConstrains:^(MASConstraintMaker:*make){
make.left.equalTo:(self.view.mas_left).offset(100);
make.right.equalTo:(self.view.mas_right).offset(-100);
make.width.mas_equalTo(100);
make.height.mas_equalTo(200);
}];