Masnory进行autolayout等间隙排列

github源码地址

横向方向上,等间隙排放####

    UIView *superView1 = [[UIView alloc] initWithFrame:CGRectMake(10, 70, self.view.frame.size.width-20, 220)];
    superView1.backgroundColor = [UIColor redColor];
    [self.view addSubview:superView1];
    
    UILabel *v2 = [UILabel new];
    v2.backgroundColor = [UIColor blackColor];
    v2.text = @"我睡得比猫晚起得比鸡还早,工作在拼体力武器得用大脑,";
    v2.textColor = [UIColor whiteColor];
    v2.numberOfLines = 0;
    
    UILabel *v3 = [UILabel new];
    v3.backgroundColor = [UIColor blackColor];
    v3.text = @"邮件又来催催催,产品开发累累累,你们永远对对对";
    v3.textColor = [UIColor whiteColor];
    v3.numberOfLines = 1;
    
    UIView *v4 = [UIView new];
    v4.backgroundColor = [UIColor blackColor];
    
    [superView1 addSubview:v2];
    [superView1 addSubview:v3];
    [superView1 addSubview:v4];  
    [v2 mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(@[v3,v4]);
        make.width.equalTo(@60);
    }];
    
    [v3 mas_makeConstraints:^(MASConstraintMaker *make) {
        make.width.equalTo(@80);
        make.top.equalTo(superView1).offset(10);
    }];
    
    [v4 mas_makeConstraints:^(MASConstraintMaker *make) {
        make.size.mas_equalTo(CGSizeMake(40, 40));
    }];
    
    [superView1 distributeSpacingHorizontallyWith:@[v2,v3,v4]];

横向左部和右部位置定好,其他等间隙排放####

    UIView *superView2 = [[UIView alloc] initWithFrame:CGRectMake(10, 300, self.view.frame.size.width-20, 220)];
    superView2.backgroundColor = [UIColor redColor];
    [self.view addSubview:superView2];
    
    UILabel *v5 = [UILabel new];
    v5.backgroundColor = [UIColor blackColor];
    v5.text = @"我睡得比猫晚起得比鸡还早,工作在拼体力武器得用大脑,";
    v5.textColor = [UIColor whiteColor];
    v5.numberOfLines = 0;
    
    UILabel *v6 = [UILabel new];
    v6.backgroundColor = [UIColor blackColor];
    v6.text = @"邮件又来催催催,产品开发累累累,你们永远对对对";
    v6.textColor = [UIColor whiteColor];
    v6.numberOfLines = 2;
    
    UIView *v7 = [UIView new];
    v7.backgroundColor = [UIColor blackColor];
    
    [superView2 addSubview:v5];
    [superView2 addSubview:v6];
    [superView2 addSubview:v7];
    
    [v5 mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(@[v6,v7]);
        make.width.equalTo(@60);
    }];
    
    [v6 mas_makeConstraints:^(MASConstraintMaker *make) {
        make.width.equalTo(@80);
        make.top.equalTo(superView2).offset(10);
    }];
    
    [v7 mas_makeConstraints:^(MASConstraintMaker *make) {
        make.size.mas_equalTo(CGSizeMake(40, 40));
    }];
    
    [superView2 distributeSpacingHorizontallyWith:@[v5,v6,v7] leftGap:10 rightGap:10];
横向等间隙排列
竖直方向上等间隙排列
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容