Masonry在项目中的基本使用
Masonry在项目中的基本使用
Masonry的引入
- Masonry下载:https://github.com/SnapKit/Masonry
- Masonry导入:将下载的Masonry文件夹放在项目根目录下,在项目中头文件处引入<Masonry/Masonry.h>即可
Masonry的使用
现有控件:label
使用格式:
[self.bookTitleLabel mas_makeConstraints:^(MASConstraintMaker *make) { //在这里添加Masonry布局约束 }];
为label添加masonry布局:
-
设置label与其父视图(右侧)的内边距为10
make.right.mas_equalTo(-10) -
设置label与其父视图(左侧)的内边距为10
make.left.mas_equalTo(10) -
设置label与其父视图(顶部)的内边距为10
make.top.mas_equalTo(10) -
设置label与其父视图(底部)的内边距为10
make.bottom.mas_equalTo(-10)在设置右边距和下边距的时候使用了负值,因为vc中的坐标轴原点在左上角,x轴向右延伸且y轴向下延伸,因此label的右边(x轴)和下边(y轴)在坐标上小于父控件(vc)的右边和下边,因此使用了负值;而label的左边和上边在坐标上大于父控件(vc)的左边和上边,因此使用了正值
-
设置label纵向居中
make.centerY.mas_equalTo(self.view) -
设置label的大小(width和length)为200
make.size.mas_equalTo(200);
Masonry注意事项
- 如果要添加控件与控件之间的约束,确保被依赖的那个控件的位置已经确定,否则会报错。

浙公网安备 33010602011771号