#pragma mark -- xib 設置等寬等高約束
/*
1.擺好需要設置的按鈕 設置第一個左邊 上邊 以及高度的約束
2. 第二個設置和第一個的水平約束 , 第三個設置和 第二個的水平約束 , 第四個設置與第三個的水平約束 并設置距離右邊的約束
3. 將4個按鈕選中 設置他們處在同一水平線
4. 在xib中從1 向2 拖線 讓1 2 等高等寬(按住shift 可以多選) 2 3, 3 4 同樣的操作
5. 最后調整約束 微調
*/
#pragma mark -- mansory 設置等高等寬
/*
1.設置第一的上 下 左 距離容器的約束 ,并設置第一個和第二個的水平約束
2.設置第二個 與 第一個 出在同一水平線 ,設置寬高與第一個相同,并設置和第三個的水平約束
3.設置第三個 與 第二個處在同一水平線,設置寬高 與第二個相同,并設置與第四個的水平約束
4.設置第四個右邊與容器的約束,設置與第三個處在同一水平線 設置與第三個 等高 等寬
*/
-(void)configSubViews{
_view0 = [[UIView alloc]init];
_view0.backgroundColor = [UIColor redColor];
[_mansoryContainView addSubview:_view0];
_view1 = [[UIView alloc]init];
_view1.backgroundColor = [UIColor blueColor];
[_mansoryContainView addSubview:_view1];
_view2 = [[UIView alloc]init];
_view2.backgroundColor = [UIColor yellowColor];
[_mansoryContainView addSubview:_view2];
_view3 = [[UIView alloc]init];
_view3.backgroundColor = [UIColor greenColor];
[_mansoryContainView addSubview:_view3];
[self configRestrain];
}
-(void)configRestrain{
[_view0 mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.bottom.left.equalTo(_mansoryContainView);
make.right.equalTo(_view1.mas_left);
}];
[_view1 mas_makeConstraints:^(MASConstraintMaker *make) {
make.centerY.equalTo(_view0.mas_centerY);
make.right.equalTo(_view2.mas_left);
make.width.height.equalTo(_view0);
}];
[_view2 mas_makeConstraints:^(MASConstraintMaker *make) {
make.centerY.equalTo(_view1.mas_centerY);
make.right.equalTo(_view3.mas_left);
make.width.height.equalTo(_view1);
}];
[_view3 mas_makeConstraints:^(MASConstraintMaker *make) {
make.right.equalTo(_mansoryContainView);
make.centerY.equalTo(_view2.mas_centerY);
make.width.height.equalTo(_view2);
}];
}
Demo地址:
https://github.com/hejintaochenxin/XibAndMansory.git