美文网首页
设置等宽等高约束

设置等宽等高约束

作者: 一代枭雄 | 来源:发表于2021-12-18 14:10 被阅读0次

    #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

    相关文章

      网友评论

          本文标题:设置等宽等高约束

          本文链接:https://www.haomeiwen.com/subject/mvrgfrtx.html