Masonry学习之UIScrollView

这个例子比较简单，直接看布局的关键代码

- (id)init {    self = [super init];    if (!self) return nil;    UIScrollView *scrollView = UIScrollView.new;    self.scrollView = scrollView;    scrollView.backgroundColor = [UIColor grayColor];    [self addSubview:scrollView];    // scrollView在其父视图上的布局约束    [self.scrollView makeConstraints:^(MASConstraintMaker *make) {        make.edges.equalTo(self);    }];    [self generateContent];    return self;}- (void)generateContent {    UIView* contentView = UIView.new;    [self.scrollView addSubview:contentView];    // scrollView上有一个内容视图，其布局约束如下    [contentView makeConstraints:^(MASConstraintMaker *make) {        make.edges.equalTo(self.scrollView);        make.width.equalTo(self.scrollView);    }];    UIView *lastView;    CGFloat height = 25;    for (int i = 0; i < 10; i++) {        UIView *view = UIView.new;        view.backgroundColor = [self randomColor];        [contentView addSubview:view];        UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(singleTap:)];        [view addGestureRecognizer:singleTap];        // 内容视图上的子视图约束        [view mas_makeConstraints:^(MASConstraintMaker *make) {            // lastView为nil，当前视图的top为0，否则当前视图的            // top为lastView的bottom            make.top.equalTo(lastView ? lastView.bottom : @0);            // 当前视图的left为0            make.left.equalTo(@0);            // 当前视图的宽度与内容视图的宽度相等            make.width.equalTo(contentView.width);            // 当前视图的高度为height            make.height.equalTo(@(height));        }];        height += 25;        lastView = view;    }    [contentView makeConstraints:^(MASConstraintMaker *make) {        // 内容视图的bottom为lastView的bottom        make.bottom.equalTo(lastView.bottom);    }];}

注意：
对于内容视图contentView，设置了如下几个约束：

make.edges.equalTo(self.scrollView);make.width.equalTo(self.scrollView);make.bottom.equalTo(lastView.bottom);

这与基本的视图约束是不同的，只因为它是滚动视图的子视图。因为滚动视图的内容是可以超过其自身边界的。