使用 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