Masonry在项目中的基本使用

Masonry在项目中的基本使用

Masonry的引入

  1. Masonry下载:https://github.com/SnapKit/Masonry
  2. Masonry导入:将下载的Masonry文件夹放在项目根目录下,在项目中头文件处引入<Masonry/Masonry.h>即可

Masonry的使用

现有控件:label

使用格式:
[self.bookTitleLabel mas_makeConstraints:^(MASConstraintMaker *make) { //在这里添加Masonry布局约束 }];

为label添加masonry布局:

  1. 设置label与其父视图(右侧)的内边距为10
    make.right.mas_equalTo(-10)

  2. 设置label与其父视图(左侧)的内边距为10
    make.left.mas_equalTo(10)

  3. 设置label与其父视图(顶部)的内边距为10
    make.top.mas_equalTo(10)

  4. 设置label与其父视图(底部)的内边距为10
    make.bottom.mas_equalTo(-10)

    在设置右边距和下边距的时候使用了负值,因为vc中的坐标轴原点在左上角,x轴向右延伸且y轴向下延伸,因此label的右边(x轴)和下边(y轴)在坐标上小于父控件(vc)的右边和下边,因此使用了负值;而label的左边和上边在坐标上大于父控件(vc)的左边和上边,因此使用了正值

  5. 设置label纵向居中
    make.centerY.mas_equalTo(self.view)

  6. 设置label的大小(width和length)为200
    make.size.mas_equalTo(200);

Masonry注意事项

  1. 如果要添加控件与控件之间的约束,确保被依赖的那个控件的位置已经确定,否则会报错。
posted @ 2021-01-11 15:34  BlackCrystal  阅读(277)  评论(0)    收藏  举报