UIScrollView自动布局时(Masonry)Conten

UIScrollView ContentSize 无效

使用Masonry进行自动布局，虽然开始已经设置了scrollView的contentSize，但是实际上在自动布局的情况下，contentSize的大小并不是原先设置的那样，而是由内容约束来定义的(leading,trailing)，后执行的Masonry布局代码重定义了contentSize。

因此，自动布局的情况下去定义contentSize是无效的。 而mas_leading,mas_trailing是根据contentSize来确定的具体位置，而不是根据scrollview的frame来确定。 因此布局得到的并不是想要得到的结果。（其间相互依赖，导致结果异常）

办法：

用Masonry对scrollView的子视图布局时最好采用以下写法：（下面的写法仅仅是在scrollView的frame已经确定的情况下）

[self.label mas_makeConstraints:^(MASConstraintMaker *make) {
        //通过frame设定width去约束
       make.top.equalTo(self.scrollView.mas_top).mas_offset(10);
        make.leading.equalTo(self.scrollView.mas_leading).mas_offset(10);
        make.width.equalTo(self.scrollView.mas_width).offset(-20);
        make.height.mas_equalTo(40);
    }];

注意：使用UIScrollView的时候，一定要注意其ContentSize。 ContentSize和Frame不一样。

问题复现

在UITableVIewCell里加了一个UIScrollView，在UIScrollView 上加了一个UIImageView。最简单布局，整个cell显示即可。
约束如下：

- (void)soaInitView {
    [self.contentView addSubview:self.scrollView];
    [self.scrollView addSubview:self.picImageView];
}

- (void)soaAutoLayoutView {
    [self.scrollView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.mas_equalTo(UIEdgeInsetsZero);
    }];
    
    [self.picImageView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.mas_equalTo(UIEdgeInsetsZero);
    }];
}

但是效果和想象中的不一样。 实际效果、咋不对呢.png

那个imageView只有一点点大。 说好的整屏呢。

然后上网查以及问朋友，scrollview的约束很特别，大概就是不要直接在scrollview上布局， 最好多加一个子视图，作为contentView，其他的控件根据contentView来布局。或是指定scrollView的宽高。
我将布局修改如下即可：

- (void)soaAutoLayoutView {
    [self.scrollView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.mas_equalTo(UIEdgeInsetsZero);
    }];
    
    [self.picImageView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.leading.equalTo(self.scrollView);
        make.width.height.equalTo(self.scrollView);
    }];
}

Masonry自动布局UIScrollView 真的是坑

UISCrollView 不滚动问题

UIScrollView不滚动问题，大概就几个原因：

1.ContentSize 小于frame
2.ContentSize 没有设置

今天写一个小控件出现一个问题，frame和ContentSize都有设置，并且ContentSize明显大于frame还是不滚动。代码如下：

    /** 首先设置下scrollView位置 */
    [self.scrollView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(self.detailLabel.mas_bottom);
        make.leading.equalTo(self.mainView.mas_leading);
        make.trailing.equalTo(self.mainView.mas_trailing);
        make.height.mas_equalTo(320);
    }];
    /*!
     *  @brief 然后在scrollView add 一些subViews
     */

    /** 设置下scrollView ContentSize */
    self.scrollView.contentSize = CGSizeMake(305, self.inputViewArray.count * 80);

这样写，打印看ContentSize都是对的，就是不能滚动。 右边也能看到scrollView滚动条，但就是不能滚，奇怪了呢。。

最后在scrollView addSubViews 之后，设置ContentSize之前，重新更新了一下ScrollView的约束，问题解决

/** 更新一下约束，不然不滚动 */
    [self.scrollView mas_updateConstraints:^(MASConstraintMaker *make) {
        make.height.mas_equalTo(320);
    }];

乌龙了，上面是我一个约束写的有点问题。虽然视图显示没问题，但是还是不该那么写约束。

直接那么设置ScrollView 没问题，但是要注意scrollView的subViews的约束，基于scrollView确定。