美文网首页
ScrollView的自动布局(纯代码版)

ScrollView的自动布局(纯代码版)

作者: coder_Man | 来源:发表于2016-11-27 21:24 被阅读0次

在刚开始学习UI的时候,关于布局我们都是从SB开始学习.一般都也遵循从左往右,从上往下.但是遇到scrollView的自动布局.我们就无从下手了.

由于代码比较简单,就不做详细解释.奉上代码和思维导图.

代码:

self.scrollView = [[UIScrollView alloc] init];
self.scrollView.backgroundColor = [UIColor greenColor];
[self.view addSubview:self.scrollView];

_containerView = [[UIView alloc] init];
[self.scrollView addSubview:_containerView];

__weak typeof(self) weakself = self;
[self.scrollView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.edges.equalTo(weakself.view);
}];

[_containerView mas_makeConstraints:^(MASConstraintMaker *make) {
    
    make.edges.equalTo(weakself.scrollView);
    make.size.mas_equalTo(CGSizeMake(weakself.scrollView.bounds.size.width, 1000));
    
}];

UIButton *btn = [[UIButton alloc] init];
[btn setTitle:@"测试" forState:UIControlStateNormal];
[btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];

[_containerView addSubview:btn];

//将按钮添加到scrollView上,
[btn mas_makeConstraints:^(MASConstraintMaker *make) {
    
    make.size.mas_equalTo(CGSizeMake(100, 40));
    make.left.equalTo(_containerView).offset(0);
    make.top.equalTo(_containerView).offset(100);
    
}];

思维导图:

5CAFD60E-6C65-45B0-ACBF-7A6B5741B0F3.png
最终实现效果如下:
无限轮播.gif

仅为复习以及笔记使用!

相关文章

网友评论

      本文标题:ScrollView的自动布局(纯代码版)

      本文链接:https://www.haomeiwen.com/subject/pspnpttx.html