Masonry 备忘录

前言：

Masonry是个人最喜欢的三方库了，稍微了解了这个库的用法之后就情不自禁的爱上了他 其实是因为autoLayout用的稀烂，在学完里脊串大大的Masonry的教程后，尝试在项目中使用纯代码布局，基本能够满足我能想到的各种需求，也在读别人源码的时候学到了一些稀奇古怪的用法，偶尔几次的踩坑也是因为一些现在回想起来很二的错误，比如找不到参照物直接崩掉，或者唰唰唰写下来一运行发现显示效果丑到突破天际等等，基本都不是什么很大的问题，稍微注意就能避免。

一脸茫然.jpg

略略有些惆怅的就是回头去看自己写出的mas_makeConstraints代码总会有种疑惑：
“当初我为什么这么写呢？”

---

此备忘录记录一些个人使用Masonry学到经验和容易踩的坑，不定时更新。

1 . 为subView添加mas_key，方便调试的时候查看哪边约束出了问题

刚刚使用的masonry，经常会因为约束建立的不完善报各种警告，比如这些 :

"<NSLayoutConstraint:0x7ff4c3779f20 UIImageView:0x7ff4c3a4b790.height == 24>",
"<NSLayoutConstraint:0x7ff4c3787cf0 UITableViewCellContentView:0x7ff4c3a4b400.bottom == UIImageView:0x7ff4c3a4b790.bottom + 9>"
```

![看到这些东西，我的表情一般是这样的…….jpg](https://img.haomeiwen.com/i1496281/62c218f27b743f8d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

后面跟的都是 0x7ff4c3a4b400 这样的内存地址…如果要死不死你的cell里面有多个UIImageView或者其他的乱七八糟的玩意，只凭借着两条信息想进行调试的话……祝你好运。 

~~扯远了~~，这里有一个便捷的方法，当出现这样的警告的时候，可以给subView添加不同的 mas_key，这样打印出的警告就会附带着这些key，调试起来方便多了 。~~妈妈再也不用担心我看着一堆警告一脸懵逼了！~~

```
其实很简单，就是给subView添加自定义的mas_key
subView.mas_key = @"subView";
self.view.mas_key = @"self.view"

这样如果打印出了上面那样的语句的话，就会自带mas_key，一目了然哪里的约束重复了或者缺失了

"<MASLayoutConstraint:0x7fa848d52f50 UIView:subView.height == 60>", 
"<NSLayoutConstraint:0x7fa848f0bbd0 UIView:self.view.height == 736>",
```

********

> 2 .  NSArray (MASAdditions)

前身是Masonry的某个扩展，后来被整合到框架中了

```

/**
 * 根据固定间隙均匀布局 (固定间隙)
 *  @param axisType     布局类型(水平 or 垂直)
 *  @param fixedSpacing 平均分布填充距离
 *  @param leadSpacing  头部填充距离
 *  @param tailSpacing  尾部填充距离
 */
- (void)mas_distributeViewsAlongAxis:(MASAxisType)axisType withFixedSpacing:(CGFloat)fixedSpacing leadSpacing:(CGFloat)leadSpacing tailSpacing:(CGFloat)tailSpacing;

/**
 *  根据控件的宽度均匀布局 (固定控件大小)
 *  @param axisType        布局类型(水平 or 垂直)
 *  @param fixedItemLength item宽度
 *  @param leadSpacing     头部填充距离
 *  @param tailSpacing     尾部填充距离
 */
- (void)mas_distributeViewsAlongAxis:(MASAxisType)axisType withFixedItemLength:(CGFloat)fixedItemLength leadSpacing:(CGFloat)leadSpacing tailSpacing:(CGFloat)tailSpacing;
```
有这两个，可以简单的做出一些 UIStackView的效果来  类似于这样


![随机颜色，宽度固定.png](https://img.haomeiwen.com/i1496281/3553655fb2968ef3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


当初查看`mas_updateConstraints:` 一直疑惑这个方法到底是干嘛用的……

*****************
> 3 .在控制器内直接添加约束时，有时会发生多出一个navigationBar 或者一个 tabbar的高度来，导致控件被导航栏遮盖或者不在预设的位置。

在写mas语句的时候记得-64 也许是个不错的选择，但治标不治本。正确做法是使用一些Attributed属性 

```
mas_topLayoutGuide
mas_topLayoutGuideTop
mas_topLayoutGuideBottom

mas_bottomLayoutGuide
mas_bottomLayoutGuideTop
mas_bottomLayoutGuideBottom
```

具体的对应如图所示 : 


![里脊串的masonry教学.png](https://img.haomeiwen.com/i1496281/47e676ebef35aee3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

```
make.top.equalTo(self.mas_topLayoutGuideBottom); 
这样就能正确添加到视图中了
```


******
> 4 .不要在使用xib时用masonry添加一些动态改变的约束。

其实我个人并不清楚这么做对不对，只是尝试在用xib写了一个自定义cell之后，因为要动态隐藏cell中的一个图标 `类似于主题帖前面的"加精"符号`，在模型的setter方法中，添加了mas_update语句，结果显示倒是能正确显示了，但是疯狂的报警告 

---> 注释掉该段代码后一切正常

没琢磨透之前暂时不考虑使用masonry来写更新xib约束 。

******

脑子抽了，明明想好了第5点的，吃了点东西回到电脑前忘的一干二净，先这样吧，挖坑待埋。