Auto Layout Process 自动布局过程

用Masonry实现改变约束,动画功能,需要用到自动布局的几个方法,研究了下自动布局的过程方法

1、setNeedsUpdateConstraints

当一个自定义view的某个属性发生改变，并且可能影响到constraint时，需要调用此方法去标记constraints需要在未来的某个点更新，系统然后调用updateConstraints.

2、needsUpdateConstraints

constraint-based layout system使用此返回值去决定是否需要调用updateConstraints作为正常布局过程的一部分。

3.updateConstraintsIfNeeded

立即触发约束更新，自动更新布局。

4、updateConstraints

自定义view应该重写此方法在其中建立constraints. 注意：要在实现在最后调用[super updateConstraints]

Auto Layout Process 自动布局过程

与使用springs and struts(autoresizingMask)比较，Auto layout在view显示之前，多引入了两个步骤：updating constraints 和laying out views。每一个步骤都依赖于上一个。display依赖layout，而layout依赖updating constraints。 updating constraints->layout->display

第一步：updating constraints，被称为测量阶段，其从下向上(from subview to super view),为下一步layout准备信息。可以通过调用方法setNeedUpdateConstraints去触发此步。constraints的改变也会自动的触发此步。但是，当你自定义view的时候，如果一些改变可能会影响到布局的时候，通常需要自己去通知Auto layout，updateConstraintsIfNeeded。

自定义view的话，通常可以重写updateConstraints方法，在其中可以添加view需要的局部的contraints。

第二步：layout，其从上向下(from super view to subview)，此步主要应用上一步的信息去设置view的center和bounds。可以通过调用setNeedsLayout去触发此步骤，此方法不会立即应用layout。如果想要系统立即的更新layout，可以调用layoutIfNeeded。另外，自定义view可以重写方法layoutSubViews来在layout的工程中得到更多的定制化效果。

第三步：display，此步时把view渲染到屏幕上，它与你是否使用Auto layout无关，其操作是从上向下(from super view to subview)，通过调用setNeedsDisplay触发，

因为每一步都依赖前一步，因此一个display可能会触发layout，当有任何layout没有被处理的时候，同理，layout可能会触发updating constraints，当constraint system更新改变的时候。

需要注意的是，这三步不是单向的，constraint-based layout是一个迭代的过程，layout过程中，可能去改变constraints，有一次触发updating constraints，进行一轮layout过程。

注意：如果你每一次调用自定义layoutSubviews都会导致另一个布局传递，那么你将会陷入一个无限循环中

////  ViewController.m//  MasnoryDemo////  Created by 帝炎魔 on 16/3/25.//  Copyright © 2016年 帝炎魔. All rights reserved.//#import "ViewController.h"#import "MyView.h"@interface ViewController ()@property (nonatomic, strong) UIButton *movingButton;@property (nonatomic, assign) BOOL topLeft;@end@implementation ViewController-(void)loadView{    [super loadView];        MyView *myView = [[MyView alloc] init];    // 初始化按钮    _movingButton = myView.button;    [self.view addSubview:_movingButton];}- (void)viewDidLoad {    [super viewDidLoad];    [_movingButton setTitle:@"点击" forState:UIControlStateNormal];    _movingButton.layer.borderColor = UIColor.greenColor.CGColor;    _movingButton.layer.borderWidth = 3;        [_movingButton addTarget:self action:@selector(clickWithButton:) forControlEvents:UIControlEventTouchUpInside];    self.topLeft = YES;    [self.view setNeedsUpdateConstraints];}- (void)updateViewConstraints {        //  重置约束 会把已有的约束删除重新添加    [self.movingButton mas_remakeConstraints:^(MASConstraintMaker *make) {        make.width.equalTo(@(100));        make.height.equalTo(@(100));                // 判断当前button位置        if (self.topLeft) {            make.left.equalTo(self.view).offset(10);            make.top.equalTo(self.view).offset(10);        }        else {            make.bottom.equalTo(self.view).offset(-10);            make.right.equalTo(self.view).offset(-10);        }    }];    [super updateViewConstraints];}- (void)clickWithButton:(UIButton *)button{    self.topLeft = !self.topLeft;        // 执行updateViewConstraints 重新给约束    [self.view setNeedsUpdateConstraints];    // 立即触发约束更新, 自动更新布局    [self.view updateConstraintsIfNeeded];    [UIView animateWithDuration:0.4 animations:^{        [self.view layoutIfNeeded];    }];}@end