首页 > 其他 > 详细

Masonry在项目中的基本使用

时间:2021-01-11 18:30:33      阅读:35      评论:0      收藏:0      [点我收藏+]

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. 如果要添加控件与控件之间的约束,确保被依赖的那个控件的位置已经确定,否则会报错。

Masonry在项目中的基本使用

原文:https://www.cnblogs.com/blackcrystal/p/14262439.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!