Masonry 轻量级布局框架的使用

iOS 提供了自动布局的方法,可是原生的方法使用太过麻烦 ,Masonry 框架提供了相似的方法,一样能够实现自动布局框架

,代码更加直观,并且容易理解。less

Masonry 是一个轻量级的布局框架。拥有本身的描述语法,采用更优雅的链式语法封装自动布局,简洁明了并具备较高的可读性布局

,同时支持iOS和Mac OSX。某种意义上能够取代AutoLayoutspa

1.Masonry配置rem

使用时只须要导入头文件 (Masonry.h)it

2.Masonry 经常使用的方法io

2.1Masonry 给视图添加布局条件的经常使用方法主要有如下三种:配置

  1.建立新的约束条件date

[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);

}];

相关文章
相关标签/搜索