Masonry

Masonry

Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简洁明了 并具有高可读性 而且同时支持 iOS 和 Max OS X

---

Masonry是手动适配UI的一个不错的方案,在Github上有对应的Demo,学习成本也不大，可以作为手写代码适配的一个解决方案。例子中对常用的适配进行了举例，例如

Paste_Image.png

Paste_Image.png

接下来简单介绍一下

我们先来看code来认识一下Masonry

·```
[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(superview).with.insets(padding);
}];

* 看到block里面的那句话: make edges equalTo superview with insets
通过链式的自然语言 就把view1给autolayout好了 是不是简单易懂?

#### 使用

看一下Masonry支持哪一些属性


![Paste_Image.png](http://upload-images.jianshu.io/upload_images/260268-d46ec790513c67f7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![Paste_Image.png](http://upload-images.jianshu.io/upload_images/260268-e5f8dc31e3fc0516.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

####栗子
* [基础] *居中显示一个view*

![Paste_Image.png](http://upload-images.jianshu.io/upload_images/260268-7c0ed5a5dbd36eb8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![Paste_Image.png](http://upload-images.jianshu.io/upload_images/260268-51d4d128329672a4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

[适配Cell高度](https://github.com/thinklion)
[练习代码](https://github.com/adad184/DemoMasonry)

[别人的博客总结](http://tutuge.me/2015/05/23/autolayout-example-with-masonry/)