Masonry的简单实用（使用心得）

转载于 2016-09-02 10:20:00 发布 · 102 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kangshao/p/5832418.html

本文介绍Masonry框架在iOS开发中的应用，该框架通过简便的API实现视图自动布局。文章提供了mas_makeConstraints、mas_updateConstraints等方法的具体使用示例，并展示了如何调整视图的内边距及与其他视图的位置关系。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Masonry是ios中用代码实现自动布局的一个框架，使用起来特别方便，主要有mas_makeConstraints（添加约束），mas_updateConstraints（更新约束）,mas_remakeConstraints(移除约束要谨慎，防止view的fram缺东西)3个方法，具体使用如下：

1.导入框架：a.直接拷贝过去 b.用cocospod： pod 'Masonry', '~> 1.0.1'

2.引入头文件，开始使用，下面是几个具体的例子：

例子1：让一个蓝色view的内边距为50，点击屏幕后内边距变为100，具体实现如下（2中写法）：

[blueView mas_makeConstraints:^(MASConstraintMaker *make) {

第一种写法

make.left.top.equalTo(self.view).offset(20);

make.bottom.right.equalTo(self.view).offset(-20);

第二种写法

make.edges.insets(UIEdgeInsetsMake(50, 50, 50, 50));

}];

点击屏幕后更新约束代码如下:

[blueView mas_updateConstraints:^(MASConstraintMaker *make) {

第一种写法

make.top.left.equalTo(self.view).offset(100);

make.bottom.right.equalTo(self.view).offset(-100);

第二种写法

make.edges.insets(UIEdgeInsetsMake(100, 100, 100, 100));

}];

例子2：蓝色view距离顶端100，距离左右各20，高度50，黑色view和蓝色view右端对其，黑色view顶端距离蓝色view底端20，并且宽度是蓝色view的一半，截图和代码如下（相对于父控件的约束可以省略）：

[blueView mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.offset(100);

make.left.offset(20);

make.right.offset(-20);

make.height.offset(50);

}];

[blankView mas_makeConstraints:^(MASConstraintMaker *make) {

make.right.equalTo(blueView);

make.height.equalTo(blueView);

make.top.equalTo(blueView.mas_bottom).offset(10);

make.width.equalTo(blueView).multipliedBy(0.5);

}];

使用技巧：引入下面2个宏，就不需要加mas_前缀了。

//define this constant if you want to use Masonry without the 'mas_' prefix
#define MAS_SHORTHAND
//define this constant if you want to enable auto-boxing for default syntax
#define MAS_SHORTHAND_GLOBALS

转载于:https://www.cnblogs.com/kangshao/p/5832418.html