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

设置等宽等高约束

作者: 一代枭雄 | 来源:发表于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

相关文章

  • 设置等宽等高约束

    #pragma mark -- xib 设置等宽等高约束 /* 1.摆好需要设置的按钮 设置第一个左边 上边 以...

  • 第十八章、拓展一面试问题积累

    一、Masonry设置等高、等宽 子视图等高/等宽练习 等高 等宽 更多详情iOS Masonry详解 二、iOS...

  • xib添加多个等宽控件

    先给最左边的控件添加上或者下边约束,加上高度约束 然后按shift 选中所有控件,添加左右约束,加上等宽等高约束 ...

  • 在Html中设置图片等宽等高

    在一些页面的编写中,尤其是商城页面,会遇到一些按照规则的方式进行排列图片,为了使美观,图片一般使用正方形的图片为主...

  • AutoLayout快速创建九宫格

    充满屏幕的九个按钮,等高等宽等间距,然后设置IBOutlet的Collections引用所有的按钮,设置同一个ac...

  • UIImage 部分拉伸

    hehe原图 图片分辨率:1500 * 1500内容 9宫格 等宽等高 设置拉伸后 这样保证上下不拉伸 只拉伸中间部分

  • xib 自动布局的一些知识

    宽,高等约束都在自己的子目录下,相对于父控件或兄弟控件的约束在同级别的目录下 设置 等宽,登高约束,需要同时选中两...

  • CSS的小技巧

    等宽不等高布局(利用flex布局和object-fit这个属性) // 正方形布局

  • 手机触屏版页面开发总结

    设置viewpoint和屏幕等宽: ---------------------------------------...

  • iOS 设置等宽等高两种常用的办法

    Demo地址:https://github.com/hejintaochenxin/XibAndMansory.git

网友评论

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

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