• iOS Masonry使用小结


    一、Masonry简介

    Masonry是一个轻量级的布局框架,它拥有自己的描述语法(采用更优雅的链式语法封装)来自动布局,具有很好可读性且同时支持iOS和Max OS X等。

    二、Masonry的基本使用方法

    1. [控件 mas_makeConstraints:^(MASConstraintMaker *make) {
    2. //这个方法只会添加新的约束
    3. }];
    4. [控件 mas_remakeConstraints:^(MASConstraintMaker *make) {
    5. //这个方法会将以前的约束全部删除,添加新的约束
    6. }];
    7. [控件 mas_updateConstraints:^(MASConstraintMaker *make) {
    8. //这个方法将会覆盖以前的某些特定的约束
    9. }];

    三、约束的基本属性

    1. @property (nonatomic, strong, readonly) MASConstraint *left;
    2. @property (nonatomic, strong, readonly) MASConstraint *top;
    3. @property (nonatomic, strong, readonly) MASConstraint *right;
    4. @property (nonatomic, strong, readonly) MASConstraint *bottom;
    5. //首部
    6. @property (nonatomic, strong, readonly) MASConstraint *leading;
    7. //尾部
    8. @property (nonatomic, strong, readonly) MASConstraint *trailing;
    9. @property (nonatomic, strong, readonly) MASConstraint *width;
    10. @property (nonatomic, strong, readonly) MASConstraint *height;
    11. @property (nonatomic, strong, readonly) MASConstraint *centerX;
    12. @property (nonatomic, strong, readonly) MASConstraint *centerY;
    13. //文本基线
    14. @property (nonatomic, strong, readonly) MASConstraint *baseline;

    四、约束的特殊属性

    1. //(top, left, bottom, right)
    2. @property (nonatomic, strong, readonly) MASConstraint *edges;
    3. //(width, height)
    4. @property (nonatomic, strong, readonly) MASConstraint *size;
    5. //(centerX, centerY)
    6. @property (nonatomic, strong, readonly) MASConstraint *center;

    五、基本使用

    //加入这个宏,可以省略所有 mas_ (除了mas_equalTo)

    #define MAS_SHORTHAND

    //加入这个宏,那么mas_equalTo就和equalTo一样的了

    #define MAS_SHORTHAND_GLOBALS

    //上面的两个宏一定要在这句之前

    #import

    //创建发起会话弹框

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

        tipView.backgroundColor=[UIColor greenColor];

        //self.tipView.frame=CGRectMake(0, 0, K_CC_SCREEN_WIDTH, 35);

        //先添加,再设置约束,否则报错

        [self.view addSubview:tipView];

        [tipView mas_makeConstraints:^(MASConstraintMaker *make) {

            //1、设置tipView的中心点x等于self.view的中心点的x

            //make.centerX.equalTo(self.view);

            //设置tipView等顶部等于self.view的顶部,同时偏移30

            //make.top.equalTo(self.view).offset(30);

            //设置宽和高

            //make.size.mas_equalTo(CGSizeMake(300, 200));

            

            //2、设置tipView的中心点等于self.view的中心点

            //make.center.equalTo(self.view);

            //等同于下面

            //make.centerX.mas_equalTo(self.view.mas_centerX);

            //make.centerY.mas_equalTo(self.view.mas_centerY);

            //设置宽和高

            //make.size.mas_equalTo(CGSizeMake(300, 200));

            

            //3、注意mas_equalTo后面对应的是数值,equalTo后面跟的是一个对象

            //4、设置tipView的宽和高

            //make.size.mas_equalTo(CGSizeMake(300, 200));

            //make.width.mas_equalTo(300);

            //make.height.mas_equalTo(200);

            //右边距20,x轴向左是正数,向右是负数

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

            //底部边距20

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

            

            //5、tipView的宽和高等于父控件的一半

            /*make.size.equalTo(self.view).multipliedBy(0.5);

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

            make.bottom.mas_equalTo(self.view.mas_bottom).offset(-20);*/

            

            //6、距离各个边距50

            /*make.left.mas_equalTo(self.view.mas_left).offset(50);

            make.top.mas_equalTo(self.view.mas_top).offset(50);

            make.bottom.mas_equalTo(self.view.mas_bottom).offset(-50);

            make.right.mas_equalTo(self.view.mas_right).offset(-50);*/

            

            /*make.left.mas_equalTo(50);

            make.top.mas_equalTo(50);

            make.bottom.mas_equalTo(-50);

            make.right.mas_equalTo(-50);*/

            

            //此时设置的是数值,不用算正负

            make.edges.equalTo(self.view).insets(UIEdgeInsetsMake(50, 50, 50, 50));

        }];

        //警告内容

        UILabel *lblTip = [[UILabel alloc]init];

        lblTip.backgroundColor = [UIColor clearColor];

        lblTip.textColor=[UIColor blackColor];

        lblTip.textAlignment = NSTextAlignmentCenter;

        lblTip.font = [UIFont systemFontOfSize:15];

        lblTip.adjustsFontSizeToFitWidth = YES;

        //lblTip.frame = CGRectMake(0, 0, K_CC_SCREEN_WIDTH, 35);

        lblTip.text = @"只能选择使用群策的用户进行聊天";

        [tipView addSubview:lblTip];

    //    [lblTip mas_makeConstraints:^(MASConstraintMaker *make) {

            make.width.mas_equalTo(390);

    //        make.height.mas_equalTo(18);

    //        make.centerX.mas_equalTo(self.tipView.mas_centerX);

    //        make.centerY.mas_equalTo(self.tipView.mas_centerY);

    //    }];

        [lblTip mas_makeConstraints:^(MASConstraintMaker *make) {

            make.center.equalTo(tipView);

            make.width.mas_equalTo(200);

            make.height.mas_equalTo(18);

        }];

        //警告图标

        UIImageView *imageTip = [[UIImageView alloc]init];

        [imageTip setImage:[UIImage imageNamed:@"群策警告"]];

        [tipView addSubview:imageTip];

    //    [imageTip mas_makeConstraints:^(MASConstraintMaker *make) {

    //        make.width.mas_equalTo(15);

    //        make.height.mas_equalTo(15);

    //        make.right.mas_equalTo(lblTip.mas_left).offset(-5);

    //        make.top.mas_equalTo(10);

    //    }];

        [imageTip mas_makeConstraints:^(MASConstraintMaker *make) {

            make.width.mas_equalTo(15);

            make.height.mas_equalTo(15);

            make.right.mas_equalTo(lblTip.mas_left).offset(-5);

            make.centerY.equalTo(tipView.mas_centerY);

        }];

  • 相关阅读:
    Spring中的任务调度:探索@Scheduled和@Schedules注解的威力
    软考证书还能这样用!拿到证书=获得职称?
    SwiftUI 如何保证 Text 中字符数量相等的字符串显示宽度一定相同?
    MATLAB向量的运算
    云原生之容器化:Docker三剑客之Docker Swarm
    元宇宙社交下,VR全景营销C位出道
    MySQL-锁
    使用C#编写.NET分析器(三)
    将数字每千分位用逗号隔开
    搜索功能实现遇到的那些坑
  • 原文地址:https://blog.csdn.net/kuuailetianzi/article/details/127975755