iOS的Masonry介绍和使用.docVIP

iOS的Masonry介绍和使用 一、背景 在iPhone3GS及其之前，window的尺寸都是320X480，简单开发即可； 出现iPhone4 4S出现Retina，但window是尺寸还是不变，继续简单开发； 出现iPhone5 5S，window的尺寸都是320X568，即高度变了，采用iOS提供的autoresizingMask, 可以简单适配，继续简单开发。 出现iPhone6 6S及其Plus，window的width和height都发生各种变化，但屏幕比例保持不变，采用autolayout可以完成任务，但匹配比较麻烦。采用xib文件添加各种约束，或采用Visual Format Language (VFL)的编码方式可以完成基本的开发任务。 二、Masonry的介绍 GitHub的地址：/SnapKit/Masonry 轻量级框架，能以简单明了地实现页面布局。 链式语法，可读性高； [view1 mas_makeConstraints:^(MASConstraintMaker *make) { make.edges.equalTo(superview).with.insets(padding); }]; 可以理解为 make edges equalTo superview with insets padding 比xib文件添加各种限制和VFL语言更简洁，更有利于后续的维护和修改。 三、Masonry的使用 从GitHub下源码Masonry-master，添加到工程文件中。在pch文件加上 #define MAS_SHORTHAND #define MAS_SHORTHAND_GLOBALS #import Masonry.h 把examples的controller和view都导入到工程的对应的目录下。 就可以开始学习。 四、Masonry的知识点 1、MASConstraintMaker @interface MASConstraintMaker : NSObject /*The following properties return a new MASViewConstraint with the first item set to the makers associated view and the appropriate MASViewAttribute */ @property (nonatomic, strong, readonly) MASConstraint *left;——左边 @property (nonatomic, strong, readonly) MASConstraint *top; ——上边 @property (nonatomic, strong, readonly) MASConstraint *right; ——右边 @property (nonatomic, strong, readonly) MASConstraint *bottom; ——下边 @property (nonatomic, strong, readonly) MASConstraint *leading; ——左边 @property (nonatomic, strong, readonly) MASConstraint *trailing; ——右边 @property (nonatomic, strong, readonly) MASConstraint *width; ——宽 @property (nonatomic, strong, readonly) MASConstraint *height; ——高 @property (nonatomic, strong, readonly) MASConstraint *centerX; ——X向中心 @property (nonatomic, strong, readonly) MASConstraint *centerY; ——Y向中心 @property (nonatomic, strong, readonly) MASConstraint *baseline; ——基线 #if TARGET_OS_IPHONE || TARGET_OS_TV @property (nonatomic, strong, readonly) MASConstraint *leftMargin; @property (nonatomic, strong, readonly) MASConstraint *rightMargin; @property (nonatomic, strong