首页 > 代码库 > Masonry的一些等间距布局
Masonry的一些等间距布局
- 控件之间的间距相等,但是控件的宽度是不定的。
下列的代码:定义间距为10,yellowview的宽度是由redView的宽度计算出来的。
UIView *redView = [[UIView alloc]init]; redView.backgroundColor = [UIColor redColor]; [self.view addSubview:redView]; [redView mas_makeConstraints:^(MASConstraintMaker *make) { make.left.mas_equalTo(ws.view); make.top.mas_equalTo(ws.view); make.right.mas_equalTo(ws.view); }]; NSInteger padding = 10; UIView *yellowView1 = [[UIView alloc] init]; yellowView1.backgroundColor = [UIColor yellowColor]; [redView addSubview:yellowView1]; UIView *yellowView2 = [[UIView alloc] init]; yellowView2.backgroundColor = [UIColor yellowColor]; [redView addSubview:yellowView2]; UIView *yellowView3 = [[UIView alloc] init]; yellowView3.backgroundColor = [UIColor yellowColor]; [redView addSubview:yellowView3]; [@[yellowView1,yellowView2,yellowView3] mas_distributeViewsAlongAxis:MASAxisTypeHorizontal withFixedSpacing:padding leadSpacing:padding tailSpacing:padding]; [@[yellowView1,yellowView2,yellowView3] mas_makeConstraints:^(MASConstraintMaker *make) { make.top.mas_equalTo(redView).offset(padding); make.height.mas_equalTo(yellowView1.mas_width); make.bottom.mas_equalTo(redView).offset(-padding); }];
- 控件的宽度是一定的,但是控件之间的间距是不定的。
下列的代码:定义控件的宽度为22,控件之间的间距是由redView的宽度计算出来的。
UIView *redView = [[UIView alloc]init]; redView.backgroundColor = [UIColor redColor]; [self.view addSubview:redView]; [redView mas_makeConstraints:^(MASConstraintMaker *make) { make.left.mas_equalTo(ws.view); make.top.mas_equalTo(ws.view); make.right.mas_equalTo(ws.view); }]; UIView *yellowView1 = [[UIView alloc] init]; yellowView1.backgroundColor = [UIColor yellowColor]; [redView addSubview:yellowView1]; UIView *yellowView2 = [[UIView alloc] init]; yellowView2.backgroundColor = [UIColor yellowColor]; [redView addSubview:yellowView2]; UIView *yellowView3 = [[UIView alloc] init]; yellowView3.backgroundColor = [UIColor yellowColor]; [redView addSubview:yellowView3]; //控件的宽度 CGFloat viewW = 22; CGFloat padding = (SCREENWIDTH - 3*viewW) * 1.0 / 4; [@[yellowView1,yellowView2,yellowView3] mas_distributeViewsAlongAxis:MASAxisTypeHorizontal withFixedItemLength:viewW leadSpacing:padding tailSpacing:padding]; [@[yellowView1,yellowView2,yellowView3] mas_makeConstraints:^(MASConstraintMaker *make) { make.top.mas_equalTo(redView).offset(padding); make.size.mas_equalTo(viewW); make.bottom.mas_equalTo(redView).offset(-padding); }];
Masonry的一些等间距布局
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。