自动布局Masonry

原创 2015年11月17日 19:33:30

通过cocoaPod添加Masonry三方, 或者手动添加三方
ViewController.m
代码见下

1. 
#if 1
    //  创建一个view
    UIView *view = [UIView new];
    view.backgroundColor


----------


 = [UIColor purpleColor];
    [self.view addSubview:view];
    //  300*300 居中显示的矩形
    [view mas_makeConstraints:^(MASConstraintMaker *make) {
        //  设置中心
        make.center.equalTo(self.view);
        //  设置大小
        make.size.mas_equalTo(CGSizeMake(300, 300));


    }];
    //  1. make方法只负责增加新的约束, 但是不能同时出现两条出现同一对象的约束, 否则会报错
    //  2. update方法针对上面的情况, 会更新约束, 以确保不会出现两条相同的约束
    //  3. remake方法会清除掉之前所有的约束, 并重新创建一个
#endif

2.
代码见下

#if 1
    //  创建一个view, 略小于上级视图
    UIView *view1 = [UIView new];
    view1.backgroundColor = [UIColor purpleColor];
    //  一定要先将view贴到上级视图上, 再创建约束, 否则会报错
    [self.view addSubview:view1];
    //  偏移量15
    [view1 mas_makeConstraints:^(MASConstraintMaker *make) {
        //  第一种
//        make.top.equalTo(self.view.mas_top).with.offset(15);
//        make.left.equalTo(self.view).with.offset(15);
//        make.bottom.equalTo(self.view).with.offset(-15);
//        make.right.equalTo(self.view).with.offset(-15);

        //  第二种
//        make.top.and.left.and.bottom.and.right.equalTo(self.view).insets(UIEdgeInsetsMake(15, 15, 15, 15));

        //  第三种
        make.edges.equalTo(self.view).with.insets(UIEdgeInsetsMake(15, 15, 15, 15));

    }];

#endif

  1. 代码见下
#if 1
    //  两个高度为150的view, 居中且等宽, 等间距, 宽度自动计算
    UIView *view1 = [UIView new];
    view1.backgroundColor = [UIColor purpleColor];
    [self.view addSubview:view1];

    UIView *view2 = [UIView new];
    view2.backgroundColor = [UIColor purpleColor];
    [self.view addSubview:view2];

    [view1 mas_makeConstraints:^(MASConstraintMaker *make) {
        //  设置对称轴, 与上级视图的对称轴相同
        make.centerY.equalTo(self.view.mas_centerY);
        make.left.equalTo(self.view).with.offset(15);
        //  因为view1的右侧, 是相对于view2的左侧而言, 所以这里要给view2加上mas_left这个属性
        make.right.equalTo(view2.mas_left).with.offset(-15);
        make.height.mas_equalTo(150);
        make.width.equalTo(view2);

    }];

    [view2 mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerY.equalTo(self.view.mas_centerY);
        make.left.equalTo(view1.mas_right).with.offset(15);
        make.right.equalTo(self.view).with.offset(-15);
        make.height.equalTo(view1);
        make.width.equalTo(view1);

    }];
#endif
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Masonry自动布局实践

  • 2015-08-13 17:49
  • 1.01MB
  • 下载

iOS- Masonry自动布局框架介绍与使用实践

前言 MagicNumber -> autoresizingMask -> autolayout 以上是纯手写代码所经历的关于页面布局的三个时期 在iphone1-iphone3gs时代 win...

iOS 自动布局 Masonry

GitHub 链接:https://github.com/SnapKit/Masonry

Masonry+FDTemplateLayoutCell 实现Cell自动布局

Masonry+FDTemplateLayoutCell 实现Cell自动布局 在经过frame时代的布局计算后,目前进入了autolayout 布局。相对之前frame布局的算算算,autol...

iOS自动布局框架-Masonry详解

目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了,但是在一些变化比较复杂的页面,还是需要通过代码来进行UI开发的。而且有很多比较老的项目,本身就还在采用纯...

iOS自动布局-Masonry-徐明伟

自动布局最重要的是约束:UI元素间关系的数学表达式。约束包括尺寸、由优先级和阈值管理的相对位置。它们是添加剂,可能导致约束冲突 、约束不足造成布局无法确定 。这两种情况都会产生异常。使用前:Auto...

Masonry自动布局详解二:动画更新约束

Masonry自动布局详解二:动画更新约束 说到iOS自动布局,有很多的解决办法。有的人使用xib/storyboard自动布局,也有人使用frame来适配。对于前者,笔者并不喜欢,也不支持。对于后者...

ios 自动布局库masonry的技巧分享1

masonry是对苹果原生的自动布局进行了封装,用block的方式让代码清楚明了。githuab地址:https://github.com/SnapKit/Masonry 我也是第一次写博客,写这篇博...

Masonry自动布局详解三:remake约束

Masonry自动布局详解三:remake约束 说到iOS自动布局,有很多的解决办法。有的人使用xib/storyboard自动布局,也有人使用frame来适配。对于前者,笔者并不喜欢,也不支持。对于...

iOS 【Third-Masonry(自动布局)使用介绍以及简写形式】

使用介绍 ① 添加Masonry文件夹的所有源代码到项目中去(如下图,但是不要有Info.plist文件,因为会和项目本身自带的Info.plist文件冲突) ② 添加两个宏和一个主头文件(...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)