自动布局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
  • 下载

Masonry自动布局详解四:整体动画更新约束

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

IOS Masonry自动布局

之前项目用Frame布局,这个项目登录用了VFL,后来觉得用Masonry,前天布局TableViewCell时用了下 ,觉得还不错。 #import "Masonry.h" #import "MA...

IOS 自动布局Masonry简介

Masonry简介 Masonry是一个轻量级的布局框架,它拥有自己的描述语法(采用更优雅的链式语法封装)来自动布局,具有很好可读性且同时支持iOS和Max OS X等。 总之,对于侧重写代码的c...
  • wujakf
  • wujakf
  • 2016年12月07日 16:53
  • 176

iOS 自动布局框架 – Masonry 详解

Masonry介绍这篇文章只是简单介绍Masonry,以及Masonry的使用,并且会举一些例子出来。但并不会涉及到Masonry的内部实现,以后会专门写篇文章来介绍其内部实现原理,包括顺便讲一下链式...

IOS - 自动布局_Masonry的安装与使用

自动布局_Masonry的安装与使用

VFL、SnapKit、masonry 三种自动布局的使用

Masonry    Masonry基本概念    Masonry,“一个轻量级的布局框架,采用更"优雅"的语法封装自动布局”,不需要使用XIB和Storyboard, 并具有高可读性 ...

代码自动布局,及masonry

/* Create constraints explicitly. Constraints are of the form "view1.attr1 = view2.attr2 * multipli...

Masonry与iOS自动布局

 meile.com/ugc/3573413348251/user/274882728283 meile.com/ugc/3573413348249/user/274882728283 me...

iOS学习笔记36-Masonry自动布局

一、Masonry介绍 之前我们在屏幕适配的章节中学习过AutoLayout的使用,但那都是在可视化界面上进行添加约束完成的,我们很多时候都需要在代码中使用AutoLayout约束,苹果也为我们提供...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自动布局Masonry
举报原因:
原因补充:

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