iOS开发masonry的一些使用简介
从一开始的纯代码计算frame，虽然自认为计算frame 刚刚的，但是到后来还是开始xib的自动约束和手动约束与frame搭配使用，经历这几种方式，大概一年前开始普遍使用masonry来代码约束之后也跃跃欲试的自己体验了把，感觉还不错，分享下，比原生的好使多了。
使用步骤
1.添加Masonry文件夹的所有源代码到项目中(共两个Masonry这个文件夹,以及Masonry.framework)
2.添加两个宏定义导入头文件
// 只要添加了这个宏，就不用带mas_前缀
#define MAS_SHORTHAND
// 只要添加了这个宏，equalTo就等价于mas_equalTo
#define MAS_SHORTHAND_GLOBALS
// 这个头文件一定要放在上面两个宏的后面
#import "Masonry.h"
下面是添加约束的方法
// 这个方法只会添加新的约束
2 [view makeConstraints:^(MASConstraintMaker *make) {
3
4 }];
5
6 // 这个方法会将以前的所有约束删掉，添加新的约束
7 [view remakeConstraints:^(MASConstraintMaker *make) {
8
9 }];
10
11 // 这个方法将会覆盖以前的某些特定的约束
12 [view updateConstraints:^(MASConstraintMaker *make) {
13
14 }];
约束的类型
1.尺寸：width\height\size
2.边界：left\leading\right\trailing\top\bottom
3.中心点：center\centerX\centerY
4.边界：edges
*/
基本约束
UIView *superView = self.view;
//三个view布满整个屏幕
UIView *leftView = [[UIView alloc] init];
leftView.backgroundColor = [UIColor yellowColor];
[superView addSubview:leftView];
UIView *rightView = [[UIView alloc] init];
rightView.backgroundColor = [UIColor grayColor];
[superView addSubview:rightView];
UIView *bottomView = [[UIView alloc] init];
bottomView.backgroundColor = [UIColor greenColor];
[superView addSubview:bottomView];
int spacing = 0;
[leftView makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(self.view).offset(spacing);
make.top.equalTo(superView).offset(64);
make.right.equalTo(rightView.mas_leftMargin).offset(spacing);
make.bottom.equalTo(superView.mas_centerY).offset(32);
}];
[rightView makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(leftView.mas_rightMargin).offset(spacing);
make.right.equalTo(superView).offset(spacing);
make.top.equalTo(superView).offset(64);
make.width.equalTo(leftView);
make.height.equalTo(leftView);
}];
[bottomView makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(superView).offset(0);
make.right.equalTo(superView).offset(0);
make.bottom.equalTo(superView).offset(0);
make.top.equalTo(leftView.mas_bottom).offset(0);
make.height.equalTo(leftView);
}];
更换所有约束
- (void)viewDidLoad {
[super viewDidLoad];
yesOrNo = YES;
thisBtn = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[thisBtn setTitle:@"click" forState:UIControlStateNormal];
[thisBtn addTarget:self action:@selector(updateMas) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:thisBtn];
[thisBtn makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(self.view).offset(10);
make.top.equalTo(self.view).offset(64 + 10);
make.width.equalTo(100);
make.height.equalTo(30);
}];
// Do any additional setup after loading the view.
}
-(void)updateMas
{
int num = arc4random()%300;
NSLog(@"%d",num);
[thisBtn remakeConstraints:^(MASConstraintMaker *make) {
make.bottom.equalTo(self.view).equalTo(- num - 20);
make.left.equalTo(self.view).equalTo(num);
make.width.equalTo(100);
make.height.equalTo(30);
}];
}
更新某个约束
- (void)viewDidLoad {
[super viewDidLoad];
btn = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[btn setTitle:@"click" forState:UIControlStateNormal];
btn.backgroundColor = [UIColor grayColor];
[btn addTarget:self action:@selector(update) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn];
[btn makeConstraints:^(MASConstraintMaker *make) {
//make.centerX.equalTo(self.view.centerX);
//make.centerY.equalTo(self.view.centerY);
make.center.equalTo(self.view);
make.width.equalTo(100);
make.height.equalTo(30);
}];
// Do any additional setup after loading the view.
}
-(void)update
{
int width = arc4random()%300 +30;
[btn updateConstraints:^(MASConstraintMaker *make) {
make.width.equalTo(width);
}];
}
Scrollview
#import "ScrollviewViewController.h"
@interface ScrollviewViewController ()
@property(nonatomic,strong)UIScrollView *myScrollview;
@end
@implementation ScrollviewViewController
- (void)viewDidLoad {
[super viewDidLoad];
_myScrollview = [[UIScrollView alloc] init];
_myScrollview.backgroundColor = [UIColor grayColor];
[self.view addSubview:_myScrollview];
[self.myScrollview makeConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(self.view);
}];
[self makeScr];
// Do any additional setup after loading the view.
}
-(void)makeScr
{
UIView *contentView = UIView.new;
[self.myScrollview addSubview:contentView];
[contentView makeConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(self.myScrollview);
make.width.equalTo(self.myScrollview);
}];
UIView *lastView;
CGFloat height = 35 + arc4random()%100;
for (int i=0 ; i< 16; i++) {
UIView *view = UIView.new;
view.backgroundColor =[self randomColor];
[contentView addSubview:view];
[view makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(lastView ? lastView.bottom : @0);
make.left.equalTo(@0 );
make.width.equalTo(contentView.width);
make.height.equalTo(@(height));
}];
lastView = view;
}
[contentView makeConstraints:^(MASConstraintMaker *make) {
make.bottom.equalTo(lastView.bottom);
}];
}
- (UIColor *)randomColor {
CGFloat hue = ( arc4random() % 255 / 255.0 ); // 0.0 to 1.0
CGFloat saturation = ( arc4random() % 128 / 255.0 ) + 0.5; // 0.5 to 1.0, away from white
CGFloat brightness = ( arc4random() % 128 / 255.0 ) + 0.5; // 0.5 to 1.0, away from black
return [UIColor colorWithHue:hue saturation:saturation brightness:brightness alpha:1];
}
以上是一些最基本的简单使用，具体的还得自己加以研究啊。
需要注意的：
1 控件必需先添加在给约束。
以下是约束的代码demo
