首页 > 代码库 > Masonry的简单实用(使用心得)
Masonry的简单实用(使用心得)
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);
}];
Masonry的简单实用(使用心得)