ScrollView与Autolayout

使用Masonry库写scrollView的布局,内部的布局约束必须明确。例如,在View1中批量创建ImageView。View1的底部约束或者View1的高度必须给定一个,不然scrollView的contentSize会计算不精确致使scrollView不能滚动。

-(void)creatImageView{
    if (_imageArray && [_imageArray count]>0) {
        __block UIImageView *lastImageView;
        [self.view addSubview:lastImageView];
        [_imageArray enumerateObjectsUsingBlock:^(NSString *obj, NSUInteger idx, BOOL * _Nonnull stop) {
            NSInteger row =idx/3;
            NSInteger column =idx%3;
            UIImageView *imageView =[[UIImageView alloc]init];
            [imageView setImage:[UIImage imageNamed:obj]];
            [imageView setTag:imageViewTag+idx];
            [_backImageView addSubview:imageView];
            
            [imageView mas_makeConstraints:^(MASConstraintMaker *make) {
                make.size.mas_equalTo(CGSizeMake(imageViewWidth, imageViewWidth));
                if (row ==0) {
                    make.top.equalTo(_backImageView).offset(topMargin);
                    if (column ==0) {
                        make.left.equalTo(_backImageView).offset(leftMargin);
                    }else
                    {
                        make.left.equalTo(lastImageView.mas_right).offset(edgeMargin);
                    }
                }else{
                    if (column ==0) {
                        make.left.equalTo(_backImageView).offset(leftMargin);
                        make.top.equalTo(lastImageView.mas_bottom).offset(edgeMargin);
                    }else{
                        make.left.equalTo(lastImageView.mas_right).offset(edgeMargin);
                        make.top.equalTo(lastImageView);
                    }
                }
                
                if (idx ==[_imageArray count]-1) {
                    make.bottom.equalTo(_backImageView).offset(-topMargin);
                }
            }];
            lastImageView =imageView;
        }];
    }
}

#pragma mark - Layout Methods

-(void)updateViewConstraints{
    __weak typeof(self)weakSelf =self;
    
    [_scrollView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.equalTo(weakSelf.view);
    }];
    
    [_contentLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(weakSelf.view).offset(leftMargin);
        make.right.equalTo(weakSelf.view).offset(-leftMargin);
        make.top.equalTo(_scrollView).offset(topMargin);
    }];
    
    [_backImageView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.right.equalTo(weakSelf.view);
        make.top.equalTo(_contentLabel.mas_bottom).offset(topMargin);
        make.bottom.equalTo(_scrollView);
    }];
    
    [super updateViewConstraints];
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值