VFL适配,框架masonry适配

一、VFL介绍

1、VFL全称是Visual Format Language,翻译过来是“可视化格式语言”

2、VFL是苹果公司为了简化Autolayout的编码而推出的抽象语言

3、VFL:需有横竖两个方向的约束

 横向: H:
 竖向: V:

4、核心思想

 约束视图和视图之间的关系来分配屏幕上的位置

4、使用autoLayout 必须把translatesAutoresizingMaskIntoConstraints禁用才可以使用

5、添加约束之前,一定要保证相关控件都已经在各自的父控件上不用再给view设置frame

二、VFL示例

1、在水平方向上 canelButton的宽是72,acceptButton宽是50,它们2个控件之间的间距是12

 H:[cancelButton(72)]-12-[acceptButton(50)]

2、在水平方向上 wideView宽度大于等于60point,该约束条件优先级为700(优先级最大值为1000,优先级越高的约束越先被满足)

 H:[wideView(>=60@700)]

3、竖直方向上,先有一个redBox,其下方紧接一个高度等于redBox高度的yellowBox

 V:[redBox]-[yellowBox(==redBox)]

4、(竖线“|” 表示superview的边缘)水平方向上,Find距离父view左边缘默认间隔宽度,之后是FindNext距离Find间隔默认宽度;再之后是宽度不小于20的FindField,它和FindNext以及父view右边缘的间距都是默认宽度

 H:|-10-[Find]-[FindNext]-[FindField(>=20)]-|

三、使用步骤

1、禁用autoResizing

  view.translatesAutoresizingMaskIntoConstraints = NO;

2、创建一个字典,内部包含VFL语句中用到的控件,

  NSDictionaryOfVariableBindings(...)

3、使用VFL来创建约束数组

  format :VFL语句
  opts :约束类型
  metrics :VFL语句中用到的具体数值
  views :VFL语句中用到的控件

  + (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;

4、给父试图添加数组约束

  addConstraints

一、认识masonry

1、Masonry是一个轻量级的布局框架,实现一种更简单的方式用代码做autolayout布局

2、拥有自己的描述语法,采用更优雅的链式语法封装自动布局

3、简洁明了并具有高可读性,而且同时支持 iOS 和 Max OS X

4、使用masonry框架做布局,从此以后就可以抛弃CGRectMake了

二、在masonry中能够添加autolayout约束有三个方法,

1、mas_makeConstraints 只负责新增约束 Autolayout不能同时存在两条针对于同一对象的约束 否则会报错

 - (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *make))block;

2、mas_updateConstraints 针对上面的情况 会更新在block中出现的约束 不会导致出现两个相同约束的情况

 - (NSArray *)mas_updateConstraints:(void(^)(MASConstraintMaker *make))block;

3、mas_remakeConstraints则会清除之前的所有约束仅保留最新的约束

 - (NSArray *)mas_remakeConstraints:(void(^)(MASConstraintMaker *make))block;

PS:三种函数善加利用就可以应对各种情况了

三、masonry使用示例

1、用四个等宽等高的试图,填充整个self.view

2、让两个高度为150的view垂直居中且等宽且等间隔排列 间隔为10(自动计算其宽度)

3、实现动画

你可能感兴趣的:(VFL适配,框架masonry适配)