Masonry 备忘录
2016-08-03 本文已影响117人
芙箩娅
前言：
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>"
```
后面跟的都是 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的效果来 类似于这样
当初查看`mas_updateConstraints:` 一直疑惑这个方法到底是干嘛用的……
*****************
> 3 .在控制器内直接添加约束时，有时会发生多出一个navigationBar 或者一个 tabbar的高度来，导致控件被导航栏遮盖或者不在预设的位置。
在写mas语句的时候记得-64 也许是个不错的选择，但治标不治本。正确做法是使用一些Attributed属性
```
mas_topLayoutGuide
mas_topLayoutGuideTop
mas_topLayoutGuideBottom
mas_bottomLayoutGuide
mas_bottomLayoutGuideTop
mas_bottomLayoutGuideBottom
```
具体的对应如图所示 :
```
make.top.equalTo(self.mas_topLayoutGuideBottom);
这样就能正确添加到视图中了
```
******
> 4 .不要在使用xib时用masonry添加一些动态改变的约束。
其实我个人并不清楚这么做对不对，只是尝试在用xib写了一个自定义cell之后，因为要动态隐藏cell中的一个图标 `类似于主题帖前面的"加精"符号`，在模型的setter方法中，添加了mas_update语句，结果显示倒是能正确显示了，但是疯狂的报警告
---> 注释掉该段代码后一切正常
没琢磨透之前暂时不考虑使用masonry来写更新xib约束 。
******
脑子抽了，明明想好了第5点的，吃了点东西回到电脑前忘的一干二净，先这样吧，挖坑待埋。
