束优先级

Masonry:iOS12Masonry源码解析下面是使用make.width点语法后的全部内部调用过程

Masonry使用

在写Masonry之前我想先来聊聊约束的基础知识我们首先要了解一个View的约束需要确定的是两个因素一个是宽高信息另外一个是位置信息。

只有确定这两个因素才能真正的确定一个View的约束否则约束会爆警告。

不管你怎么加约束其实最后归根到底都是确实的这两个信息那么我们了解这个有什么好处呢我们可以通过约束转化来了解我们多添加了约束是否缺失了某个约束这种思想可以帮助我们快速查询问题所在。

Masonry

的时候如果控件是UILabelUIImageViewUIButton等这些组件及某些包含它们的系统组件只需要指定控件的位置约束根本不需要指定宽高约束即可完成布局任务这是为什么呢这是因为这些控件中有

intrinsicContentSize

这个属性intrinsicContentSize的作用其实很简单它会自己根据内容计算出控件的固有宽高在布局过程当你不指定宽高约束的时候它就会生效。

具体的内容我会在下面说到。

这里就不过多叙述了。

首先Masonry的添加布局主要有三个三个方法的作用分别是创建约束更新某个约束其他约束不变移除先前所有约束添加新到的约束。

这三个方法根据场景需要合理使用否则可能造成内存问题优化方式下面我们会来聊一下这里就不过多叙述了。

(NSArray

*)mas_makeConstraints:(void(NS_NOESCAPE

*make))block;-

*)mas_updateConstraints:(void(NS_NOESCAPE

*make))block;-

*)mas_remakeConstraints:(void(NS_NOESCAPE

*make))block;

如果我们想设置一个具体的数值该怎么办呢例如宽度我们想设置成10个单位我们就可以如下设置。

[subView

mas_makeConstraints:^(MASConstraintMaker

*make)

这个函数的参数必须是一个对象类型这就很尴尬了为啥书写太麻烦这时候我们可以使用

mas_equalTo

mas_makeConstraints:^(MASConstraintMaker

*make)

上面书写的好像也不是一个最优的方案虽然我们解决了后面的问题但是前面的代码字母数又多了这时候我们可以在我们的文件之前加上一个

#define

是否已经被定义。

如果该宏已经被定义那么代码块中的宏定义就会生效否则这些宏定义将会被忽略。

Masonry

mas_equalTogreaterThanOrEqualTo

会被定义为

mas_greaterThanOrEqualTolessThanOrEqualTo

会被定义为

mas_makeConstraints:^(MASConstraintMaker

*make)

如果我们想要设置subView的宽度等于父视图的宽度的50%这时候我们该怎么编写我们的约束呢我们可以用到

multipliedBy

dividedBy这两个方法一个是乘法一个是除法较为简单示例代码如下所示。

//乘法

mas_makeConstraints:^(MASConstraintMaker

*make)

{make.width.equalTo(self).multipliedBy(0.5);

}];

mas_makeConstraints:^(MASConstraintMaker

*make)

{make.width.equalTo(self).dividedBy(2);

}];

如果我们想要subView的宽度等于高度的2倍这时候该怎么办呢我们需要指定equalTo()里面具体的值(实际上是传一个

MASViewAttribute

mas_makeConstraints:^(MASConstraintMaker

*make)

{make.width.equalTo(subView.mas_height).multipliedBy(2);

}];

我们就简单叙述一下约束优先级设置Masonry为我们提供了三个优先级的方法priorityLow()、priorityMedium()、priorityHigh()这三个方法内部对应着不同的默认优先级当然我们也可以使用priority()

设置具体的数值。

示例代码如下所示关于约束优先级具体使用也会在后面的模块中说到。

[subView

mas_makeConstraints:^(MASConstraintMaker

*make)

{make.width.equalTo(subView4).priorityLow();make.width.equalTo([subView2,

subView3,100]).priorityHigh();make.width.equalTo(300).priority(888);

}];

函数我们肯定不能设置两条约束条件如果那样设置了后面的约束条件就会把前面的约束条件给覆盖掉对此我们如下设置即可。

(offset方法和multipliedBy方法顺序无影响)

[subView

mas_makeConstraints:^(MASConstraintMaker

*make)

{make.width.equalTo(self).offset(10).multipliedBy(0.3);

}];

约束优先级以及intrinsicContentSize的相关问题是我们不得不提到的问题.

首先来说一下为什么要有约束优先级,我们给定一个场景,假设我们设置在一个superView(宽度为

200)中的一个View子视图的左右边距都为0,然后第二个约束是视图的宽度为100,这时候就会出现问题,因为如果左右边距都为0,那么视图宽度为200,这样和第二个约束条件就发生了冲突,系统是不允许这样的问题出现的.那么我们想不在删除约束的情况下,该如何解决这种问题呢?这时候我们就需要通过设置约束优先级来解决这一类问题,系统通过比较两个”相互冲突的约束”的优先级从而忽略低优先级的某个约束达到正确布局的目的约束优先级默认都是1000.所以我们给设定一个根据具体情况设置一个合适的值即可,代码如下所示.

[subView

mas_makeConstraints:^(MASConstraintMaker

*make)

{make.left.right.equalTo(self);make.width.equalTo(100).priority(888);

}];

约束优先级主要是应对与单个视图中多个约束发生冲突的时候解决问题的方案.而

intrinsicContentSize

主要应对于多个视图约束发生冲突的解决方案,我们就对着具体的实例来进行分析.

在最前面我们说到

intrinsicContentSize的作用其实很简单它会自己根据内容计算出控件的固有宽高在布局过程当你不指定宽高约束的时候它就会生效。

这个属性是非常的好用,但是也会出现对应的问题.例如我们现在有两个Label,两个Lable的约束条件如下所示.

[label1

mas_makeConstraints:^(MASConstraintMaker

*make)

{make.left.equalTo(superView);make.top.equalTo(superView);

}];[label2

mas_makeConstraints:^(MASConstraintMaker

*make)

{make.left.equalTo(label1.mas_right);make.top.equalTo(superView);

}];

mas_makeConstraints:^(MASConstraintMaker

*make)

{make.left.equalTo(label1.mas_right);make.right.equalTo(superView);make.top.equalTo(superView);

}];这时候就会出现问题,label1

约束条件,必然有一个需要拉伸才能完成约束布局任务,我们称这种问题叫做

Intrinsic冲突.

(void)setContentHuggingPriority:(UILayoutPriority)priority

forAxis:(UILayoutConstraintAxis)axis

(void)setContentCompressionResistancePriority:(UILayoutPriority)priority

forAxis:(UILayoutConstraintAxis)axis

Content

约束不想变大约束表示如果组件的此属性优先级比另一个组件此属性优先级高的话那么这个组件就保持不变另一个可以在需要拉伸的时候拉伸。

属性分横向和纵向2个方向。

Content

约束不想变小约束表示如果组件的此属性优先级比另一个组件此属性优先级高的话那么这个组件就保持不变另一个可以在需要压缩的时候压缩。

属性分横向和纵向2个方向。

意思很明显。

上面UIlabel这个例子中很显然如果某个UILabel使用Intrinsic

Content

拉伸,label1尽量不拉伸,我们就可以设置如下代码.具体代码如下所示.

[label1

setContentHuggingPriority:UILayoutPriorityRequired

forAxis:UILayoutConstraintAxisHorizontal];

[label2

setContentHuggingPriority:UILayoutPriorityDefaultLow

forAxis:UILayoutConstraintAxisHorizontal];

Masonry:iOS12

我们都知道其实Masonry是封装系统的NSLayoutConstraints,简化了代码但是在iOS12之前NSLayoutConstraints存在着致命的问题那就是性能问题其实这个在iOS12之后也会存在只是小了很多。

那么在iOS12之前到底是什么原因导致这些问题呢接下来我们逐一分析各种情况。

Cassowary在WWDC2018官方对其性能问题提出了说明如下图所示我们可以清楚的看到iOS12前的AutoLayout布局性能是成指数性增长的。

![[Pasted

但是不是所有的布局都有这样的问题呢答案当然是否定的如下图所示。

所以说AutoLayout只是在某些情况存在着问题。

![[Pasted

那么真正的原始是什么呢因为iOS12之前当有约束变化时都会重新创建一个计算引擎

NSISEngier

将约束关系重新加起来重新计算。

涉及到约束关系变多时新的计算引擎需要重新计算最终导致计算量指数级增加。

iOS12的AutoLayout更多的利用了Cassowary算法的界面更新策略使其真正完成了高效的界面线性策略计算。

使其尽量成线程增加减少性能问题最后允许我唠叨一句讲真的性能再强也是干不过Frame布局方式的但是胜在简单方便。

Masonry源码解析

UIViewNSView、NSArray、UIViewController

[_masParView

mas_makeConstraints:^(MASConstraintMaker

*make)

{make.edges.equalTo(self.view).with.insets(UIEdgeInsetsMake(100,

100,

100));}];调用的方法是UIView的分类MASAdditions中的mas_makeConstraints:方法

/***

使用被调用的视图创建一个MASConstraintMaker。

一旦代码块执行完毕任何定义的约束*

(NSArray

*)mas_makeConstraints:(**void**(NS_NOESCAPE

*make))block;实现

*)mas_makeConstraints:(void(^)(MASConstraintMaker

*))block

{self.translatesAutoresizingMaskIntoConstraints

*constraintMaker

initWithView:self];block(constraintMaker);return

[constraintMaker

translatesAutoresizingMaskIntoConstraints

属性设置为

块时我们可以使用这些方法来描述当前视图与其它视图之间的相对位置、尺寸等信息。

最后该方法调用

方法将约束应用到当前视图上并返回一个包含所有约束的数组。

install

方法会根据之前设置的约束信息计算出合适的约束并将其添加到相应的视图上。

在这个方法返回之后当前视图就会按照之前设置的约束进行自动布局。

*)view

对象。

这个对象包含了各种用于描述视图约束的方法我们可以在之后的代码中使用这些方法来描述视图之间的约束关系。

mas_makeConstraints

mas_makeConstraints:^(MASConstraintMaker

*make)

make.left.top.equalTo(superview).offset(10);

make.right.bottom.equalTo(superview).offset(-10);

make.left.top.equalTo(superview).offset(10)

make.right.bottom.equalTo(superview).offset(-10)

view1

对象的各种方法来描述视图之间的约束关系例如设置视图的位置、大小、间距等。

当

block

中描述的约束关系来自动计算视图的位置和大小并将这些约束关系应用到相应的视图上从而实现自动布局。

MASConstraintMaker

addConstraintWithLayoutAttribute:NSLayoutAttributeWidth];

(MASConstraint

*)addConstraintWithLayoutAttribute:(NSLayoutAttribute)layoutAttribute

{return

addConstraintWithLayoutAttribute:layoutAttribute];

(MASConstraint

addConstraintWithLayoutAttribute:(NSLayoutAttribute)layoutAttribute

{//

layoutAttribute:layoutAttribute];//创建约束以约束单元作为约束的第一项MASViewConstraint

*newConstraint

initWithFirstViewAttribute:viewAttribute];if

([constraint

isKindOfClass:MASViewConstraint.class])

{//replace

newConstraint];MASCompositeConstraint

*compositeConstraint

initWithChildren:children];compositeConstraint.delegate

self;//

shouldBeReplacedWithConstraint:compositeConstraint];//

返回组合约束return

如果不是在已有约束的基础上再创建约束则添加约束至列表newConstraint.delegate

self;//

addObject:newConstraint];}return

newConstraint;

}在第二次设置约束时.height会进入不同的流程。

注意上面提到的newConstraint.delegate设置代理

//MAConstraint

addConstraintWithLayoutAttribute:NSLayoutAttributeHeight];

//MSViewConstraint

*)addConstraintWithLayoutAttribute:(NSLayoutAttribute)layoutAttribute

{NSAssert(!self.hasLayoutRelation,

Attributes

relation);//delegate是MASConstraintMakerreturn

[self.delegate

addConstraintWithLayoutAttribute:layoutAttribute];

MASConstraintMaker

addConstraintWithLayoutAttribute:(NSLayoutAttribute)layoutAttribute

{...}

equalTo(MASBoxValue((__VA_ARGS__)))

(MASConstraint

self.equalToWithRelation(attribute,

(MASConstraint

self.equalToWithRelation(attribute,

MASViewConstraint

NSLayoutRelation))equalToWithRelation

{return

{//是数组有多个约束NSAssert(!self.hasLayoutRelation,

Redefinition

copy];viewConstraint.layoutRelation

relation;viewConstraint.secondViewAttribute

attr;//

addObject:viewConstraint];}MASCompositeConstraint

*compositeConstraint

initWithChildren:children];compositeConstraint.delegate

constraint:self

shouldBeReplacedWithConstraint:compositeConstraint];return

else

{//单个约束NSAssert(!self.hasLayoutRelation

self.layoutRelation

relation;self.secondViewAttribute

attribute;//

(void)setSecondViewAttribute:(id)secondViewAttribute

{//判断类型if

setLayoutConstantWithValue:secondViewAttribute];}

else

initWithView:secondViewAttribute

layoutAttribute:self.firstViewAttribute.layoutAttribute];}

else

isKindOfClass:MASViewAttribute.class])

else

(void)setLayoutConstantWithValue:(NSValue

*)value

getValue:point];self.centerOffset

point;}

(void)setOffset:(CGFloat)offset

{self.layoutConstant

(void)setSizeOffset:(CGSize)sizeOffset

{NSLayoutAttribute

self.firstViewAttribute.layoutAttribute;switch

(layoutAttribute)

NSLayoutAttributeWidth:self.layoutConstant

NSLayoutAttributeHeight:self.layoutConstant

sizeOffset.height;break;default:break;}

(void)setCenterOffset:(CGPoint)centerOffset

{NSLayoutAttribute

self.firstViewAttribute.layoutAttribute;switch

(layoutAttribute)

NSLayoutAttributeCenterX:self.layoutConstant

NSLayoutAttributeCenterY:self.layoutConstant

centerOffset.y;break;default:break;}

(void)setInsets:(MASEdgeInsets)insets

{NSLayoutAttribute

self.firstViewAttribute.layoutAttribute;switch

(layoutAttribute)

NSLayoutAttributeLeading:self.layoutConstant

NSLayoutAttributeTop:self.layoutConstant

NSLayoutAttributeBottom:self.layoutConstant

NSLayoutAttributeTrailing:self.layoutConstant

-insets.right;break;default:break;}

offset

(void)setOffset:(CGFloat)offset

{self.layoutConstant

*)mas_makeConstraints:(void(^)(MASConstraintMaker

*make))block

mas_makeConstraints:block]];}return

constraints;}该方法用于为一个包含多个视图的数组设置约束。

具体地这个方法会遍历数组中的每个视图并对每个视图调用其自身的

mas_makeConstraints

块中可以使用这些方法来描述视图之间的相对位置、尺寸等信息。

mas_makeConstraints

for-in

类型如果不是则会抛出异常以保证该数组只包含视图对象。

接着我们将视图的

mas_makeConstraints