使用 Masonry 进行页面布局时的实例代码

1、需要在当前视图控制器的生命周期里面，调用 AutoLayout 的方法

方法一调用 IOS 5 以后可用的 - (void)viewWillLayoutSubviews

#pragma mark - life cycle
//这里负责把组件添加到 当前控制器容器中
- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self initComponents];
}

//这里负责初始化组件大小、数据
- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];

}

- (void)initComponents {
　　 //把所有组件添加到当前视图控制器的容器中
    [self.view addSubview:self.tableView];
    
}

//这里进行页面自动布局代码的设置
- (void)viewWillLayoutSubviews {
    NSLog(@"----------里面写自动布局代码----------");
}

方法二：

#pragma mark - life cycle
//这里负责把组件添加到 当前控制器容器中
- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self initComponents];
}

//这里负责初始化组件大小、数据
- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];

}
- (void)initComponents {
    [self.view addSubview:self.tableView];
    
     //这里一定要调用
    [self.view setNeedsUpdateConstraints];
}

//@interface UIViewController (UIConstraintBasedLayoutCoreMethods)- (void)updateViewConstraints
{
    NSLog(@"----------updateViewConstraints----------");

    //这里一定要调用
    [super updateViewConstraints];
}

粘贴一段完整代码

#import "ViewController.h"
#import "Masonry.h"

@interface ViewController ()

@property (nonatomic, strong) UIView *halfBackgroundView;
@property (nonatomic, strong) UIView *logoView;
@property (nonatomic, strong) UIView *loginBlockView;
@property (nonatomic, strong) UIView *userNameView;
@property (nonatomic, strong) UIView *passwordView;
@property (nonatomic, strong) UIView *loginView;
@property (nonatomic, strong) UIView *forgetPWRigisterView;
@property (nonatomic, strong) UIView *copyrightView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    [self initComponents];

}

- (void)randomBGColor:(UIView *) view{
    CGFloat r, g, b;
    r = (arc4random() % 256) / 255.0;
    g = (arc4random() % 256) / 255.0;
    b = (arc4random() % 256) / 255.0;
    view.backgroundColor = [UIColor colorWithRed:r green:g blue:b alpha:1.0];
}

- (void)initComponents {
    [self.view addSubview:self.halfBackgroundView];
    [self.halfBackgroundView addSubview:self.logoView];
    [self.view addSubview:self.loginBlockView];
    [self.loginBlockView addSubview:self.userNameView];
    [self.loginBlockView addSubview:self.passwordView];
    [self.loginBlockView addSubview:self.loginView];
    [self.view addSubview:self.forgetPWRigisterView];
    [self.view addSubview:self.copyrightView];
    
    //这里一定要调用
    [self.view setNeedsUpdateConstraints];
}


//@interface UIViewController (UIConstraintBasedLayoutCoreMethods)
- (void)updateViewConstraints {
    // 上半部分的背景 View @四边的对齐约束
    [self.halfBackgroundView mas_makeConstraints:^(MASConstraintMaker *make) {
        // 写法自由，left、right、top 可以分开写，也可以一起写。
        make.left.right.top.equalTo(self.view);
        // 偏移
        make.bottom.equalTo(self.view).offset(-235);
    }];
    
    // logoView 设置为方块，在 halfBackgroundView 的中间
    [self.logoView mas_makeConstraints:^(MASConstraintMaker *make) {
        // 设置固定的大小，equalTo 需要接受 id 类型，所以需要按需转换成 NSValue 或者 NSNumber
        make.size.equalTo([NSValue valueWithCGSize:CGSizeMake(100, 100)]);
        // 设置中心位置
        make.center.equalTo(self.halfBackgroundView);
    }];
    
    // 登陆框
    [self.loginBlockView mas_makeConstraints:^(MASConstraintMaker *make) {
        // 两个不同属性 + 使用倍乘关系
        make.top.equalTo(self.halfBackgroundView.mas_bottom).multipliedBy(0.75);
        make.centerX.equalTo(self.halfBackgroundView);
        make.left.equalTo(self.view).offset(25);
        make.right.equalTo(self.view).offset(-25);
        // 设置固定值及优先级
        make.height.equalTo(@170).priorityLow();        // 约束冲突时优先级低的会被覆盖掉
    }];
    
    [self.userNameView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(self.loginBlockView).offset(10);
        make.left.equalTo(self.loginBlockView).offset(15);
        make.right.equalTo(self.loginBlockView).offset(-15);
        make.height.equalTo(@35);
    }];
    
    [self.passwordView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.right.equalTo(self.userNameView);
        make.top.equalTo(self.userNameView.mas_bottom).offset(15);
        make.height.equalTo(self.userNameView);
    }];
    
    [self.loginView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(self.passwordView.mas_bottom).offset(15);
        make.left.equalTo(self.loginBlockView).offset(10);
        make.right.equalTo(self.loginBlockView).offset(-10);
        make.height.equalTo(@50);
        make.bottom.equalTo(self.loginBlockView).offset(-10);     // 这里可能会和上面直接设置 loginBlockView 高度一条约束冲突，但是因为优先级的缘故并不会出错
    }];
    
    [self.copyrightView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.size.equalTo([NSValue valueWithCGSize:CGSizeMake(200, 50)]);
        make.centerX.equalTo(self.view);
        make.bottom.equalTo(self.view).offset(-10);
    }];
    
    [self.forgetPWRigisterView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.height.equalTo(@30);
        make.left.right.equalTo(self.view);
        make.bottom.equalTo(self.copyrightView.mas_top).offset(-30);
    }];
    

　　 //这里一定要调用
    [super updateViewConstraints];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - Init UI

- (UIView *)halfBackgroundView {
    if (!_halfBackgroundView) {
        _halfBackgroundView = [[UIView alloc] initWithFrame:CGRectZero];
        _halfBackgroundView.backgroundColor = [UIColor greenColor];
    }
    return _halfBackgroundView;
}

- (UIView *)logoView {
    if (!_logoView) {
        _logoView = [[UIView alloc] initWithFrame:CGRectZero];
        _logoView.backgroundColor = [UIColor lightGrayColor];
    }
    return _logoView;
}

- (UIView *)loginBlockView {
    if (!_loginBlockView) {
        _loginBlockView = [[UIView alloc] initWithFrame:CGRectZero];
        _loginBlockView.backgroundColor = [UIColor redColor];
    }
    return _loginBlockView;
}

- (UIView *)userNameView {
    if (!_userNameView) {
        _userNameView = [[UIView alloc] initWithFrame:CGRectZero];
        _userNameView.backgroundColor = [UIColor whiteColor];
    }
    return _userNameView;
}

- (UIView *)passwordView {
    if (!_passwordView) {
        _passwordView = [[UIView alloc] initWithFrame:CGRectZero];
        _passwordView.backgroundColor = [UIColor purpleColor];
    }
    return _passwordView;
}

- (UIView *)loginView {
    if (!_loginView) {
        _loginView = [[UIView alloc] initWithFrame:CGRectZero];
        _loginView.backgroundColor = [UIColor yellowColor];
    }
    return _loginView;
}

- (UIView *)forgetPWRigisterView {
    if (!_forgetPWRigisterView) {
        _forgetPWRigisterView = [[UIView alloc] initWithFrame:CGRectZero];
        _forgetPWRigisterView.backgroundColor = [UIColor orangeColor];
    }
    return _forgetPWRigisterView;
}

- (UIView *)copyrightView {
    if (!_copyrightView) {
        _copyrightView = [[UIView alloc] initWithFrame:CGRectZero];
        _copyrightView.backgroundColor = [UIColor greenColor];
    }
    return _copyrightView;
}

@end