Masonry的使用方法

Masonry基本参数

// mas_equalTo 会对参数进行包

//    equalTo  不会对参数进行包装

//    mas_equalTo可以使用

若想使equalTo和 equalTo有等同的效果,可以导入这两个宏

//加上这个宏,mas_equalto,equalto相同

#define MAS_SHORTHAND

//该宏会自动包装

#define MAS_SHORTHAND_GLOBALS


//这个方法只会添加新的约束

    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {

    }];

    //这个将会将以前的约束删掉,添加新的

    [blueView mas_remakeConstraints:^(MASConstraintMaker *make) {

    }];

    //这个方法将会覆盖以前的某些特定的约束

    [blueView mas_updateConstraints:^(MASConstraintMaker *make) {

    }];



做出这样的效果图可以使用这些方法进行实现,相同的效果不同表现形式。可以有很多表现形式,只列出以下几种。

// ################ Method1############################

    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.width.equalTo(@100);

        make.height.equalTo(@100);

        make.right.equalTo(self.view.mas_right).offset(-20);

        make.bottom .equalTo(self.view.mas_bottom).offset(-20);

    }];

    //  ################ Method2############################

    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.width.mas_equalTo(100);  // mas_equalTo 自动包装

        make.height.mas_equalTo(100);

        make.right.equalTo(self.view).offset(-20);

        make.bottom .equalTo(self.view).offset(-20);

    }];

    //  ################ Method3############################

    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.width.height.mas_equalTo(100);  // mas_equalTo

        make.right.equalTo(self.view).offset(-20);

        make.bottom .equalTo(self.view).offset(-20);

    }];

// ################ Method4############################

    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.size.mas_equalTo(CGSizeMake(100, 100));

        make.right.equalTo(self.view).offset(-20);

        make.bottom .equalTo(self.view).offset(-20);

    }];

    //  ################ Method5############################

    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.size.mas_equalTo(CGSizeMake(100, 100));

        make.right.offset(-20); //默认是父控件

        make.bottom.offset(-20);

    }];

    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.size.mas_equalTo(self.view).multipliedBy(0.5).offset(-50);//按比例计算

        make.right.offset(-20); //默认是父控件

        make.bottom.offset(-20);

    }];



//蓝色

    UIView *blueView = [[UIView alloc]init];

    blueView.backgroundColor = [UIColor blueColor];

    [self.view addSubview:blueView];

    //红色

    UIView *redView = [[UIView alloc]init];

    redView.backgroundColor = [UIColor redColor];

    [self.view addSubview:redView];

    CGFloat margin = 20;

    CGFloat height = 40;

    //  ################ Method1############################

    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(self.view.left).offset(margin);

        make.right.equalTo(redView.left).offset(-margin);

        make.bottom.equalTo(self.view.bottom).offset(-margin);

        make.height.equalTo(height);

        make.width.equalTo(blueView.width);

    }];

    [redView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(blueView.right).offset(margin);

        make.right.equalTo(self.view.right).offset(-margin);

        make.bottom.equalTo(self.view.bottom).offset(-margin);

        make.height.equalTo(height);

        make.width.equalTo(blueView.width);

    }];

    //  ################ Method2############################

    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(self.view.left).offset(margin);

        make.right.equalTo(redView.left).offset(-margin);

        make.bottom.equalTo(self.view.bottom).offset(-margin);

        make.height.equalTo(height);

        make.top.equalTo(redView.top);

        make.bottom.equalTo(redView.bottom);

        make.width .equalTo(redView.width);

    }];

    [redView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.right.equalTo(self.view.right).offset(-margin);

    }];

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • iOS_autoLayout_Masonry 概述 Masonry是一个轻量级的布局框架与更好的包装AutoLay...
    指尖的跳动阅读 5,017评论 1 4
  • (一)Masonry介绍 Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布...
    木易林1阅读 7,216评论 0 3
  • Masonry是一个轻量级的布局框架,拥有自己的描述语法,采用更优雅的链式语法封装自动布局,简洁明了并具有高可读性...
    3dcc6cf93bb5阅读 5,835评论 0 1
  • 一、前言 关于苹果的布局一直是我比较纠结的问题,是写代码来控制布局,还是使用storyboard来控制布局呢?以前...
    iplaycodex阅读 7,432评论 0 1
  • 网络IO之阻塞、非阻塞、同步、异步总结 1、前言在网络编程中,阻塞、非阻塞、同步、异步经常被提到。unix网络编程...
    Albert陈凯阅读 3,613评论 0 0

友情链接更多精彩内容