Masonry框架使用

autolayout通过代码添加约束的方式有三种：

苹果自带的方式

VFL语言

Masonry框架

苹果自带的方式

• 首先要禁止将autoresizingMask转为对应约束的属性，因为它会自动设置宽度和高度，与autolayout产生冲突
  • translatesAutoresizingMaskContrains = NO
• 添加约束（和万能公式有关）
  • 例如 【NSLayoutConstraints constraintsWithItem:红色view attribute:宽度relatedBy:等于toItem: 蓝色view attribute:宽度mutiplier: 乘以几 constraints:加上一个固定的值】
  • 约束方法代码量大，约束条件不够会报错

VFL语言

• Visual Format Language :可视格式化语言
• 需要禁止将autoresizing的设置转为对应约束的属性
• 水平方向
  • H:[cancleButton(72)-12-[acceptButton(50)]
  • cancleButton的宽度是72 ，acceptButton的宽度是50，两个控件的水平间距为12
• 垂直方向
  • V:[redView(50)]-20-|
  • redView的高度是50，距离右侧父控件的距离是20
• 局限性：有些功能实现不了，需要结合其他技术

Masonry

• 通过代码添加约束，一定要禁止掉translatesAutoresizingMaskIntoConstraints 这个属性
• 但是，由于框架内部已经帮我们禁止了这一属性，我们可以不写代码
• 调用：mas_makeConstraints:方法进行约束设置
• make.top.equalTo(self.view.mas_top).multiplied(1.0).offset(20);
  • make：谁调用这个方法，就指谁
  • multiplied(1.0)可以不写，默认就是乘以1
  • equalTo(self.view.mas_top)可以不写，默认就是父控件
  • mas_equalTo(能把传入的基本数据类型包装成对象)
  • equalTo(不能把传入的基本数据类型包装成对象，但是导入两个宏之后，就可以将基本数据类型转成对象)
    • MAS_SHORTHAND
    • MAS_SHORTHAND_GLOBALS
• updateContraints:更新约束
  • 特点：如果之前有这个约束会直接更新，如果没有会添加新的约束
• remakeConstraints:删除之前所有的约束，添加新的约束
• Masonry熟练使用后，会有一系列简写方式
  • make.top.and.left.offset(20);
  • make.top.left.offset(20);
  • make.edges.equalTo(self.view).insets(UIEdgeInsets(20,20,-20,-20,))
  • make.edges.insets(UIEdgeInsets(20,20,-20,-20))

补充：

• 添加约束的原则

  • 如果是同层级的关系，要添加到父控件上
  • 如果不是同层级关系，要添加到最近的共同的父控件上去
  • 如果是父控件子控件的关系，要添加到层级较高的父控件上去
  • 控件添加到父控件以后，再设置约束

• 约束的优先级

  • priority
  • 优先级越高的约束越先生效