Masonry中的优先级(非常实用!)

可能标题不能够完全解释清楚本文到底要描述什么,没关系,我们来举出一个实际的例子,看下图:
红框中的我们发现在第一行一共有三个控件,一个是标题的UILabel(表示为:headLineTabel),一个是宝石的图标UIImageView(表示为:diamondImageView),再有一个是宝石的数量UILabel(表示为:diamondLabel),这时候我们用Masonry编写代码的时候往往一般是这样的思路:
    // 钻石数量label
    [self.contentView addSubview:self.diamondLabel];
    [self.diamondLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.right.equalTo(self.contentView).with.offset(-13 * AutoLayoutScaleX);
        make.top.equalTo(self.contentView).with.offset(13 * AutoLayoutScaleY);
        
    }];
    
    // 钻石imageView
    [self.contentView addSubview:self.diamondImageView];
    [self.diamondImageView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.right.equalTo(self.diamondLabel.mas_left).with.offset(-2 * AutoLayoutScaleX);
        make.centerY.equalTo(self.diamondLabel);
    }];
    
    // 标题label
    [self.contentView addSubview:self.headLineLabel];
    [self.headLineLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.contentView).with.offset(10 * AutoLayoutScaleX);
        make.centerY.equalTo(self.diamondLabel);
    }];
但是这样的布局所造成的效果肯定不可能是上图所示,因为headLineLabel和diamondImageView之间没有设置约束,所以如果headLine的长度过于长,将会和diamondImageView相互重叠,本文就是要讲解解决这个问题的方法。
  • 问题出现原因

    1. 没有直接对带有文字的UILabel进行宽度的约束
    2. 两个会相互重叠的控件之间没有设置约束
  • 思考

    1. 先来试试直接对UILable计算宽度来进行写死的约束,这样的话我也应该将其他控件的宽度也写死才能成功编译,但是这样我就需要算好两个控件的宽度,而最好的其实是不限制他们,让他们自己知道怎么“谦让”对方
    2. 在两个控件之间设置约束,由于宽度都没有限制,所以这样写,从原理上分析,是肯定会报错的(当然实际也会报错)
    3. 问题已经由上面两个点抛出,那么实际上解决这个问题的方法是设置各个控件的优先级,让他们自己知道自己是什么样的地位的,低地位的控件需要谦让高地位的控件,让高地位的控件优先将自己显示完全
  • 解决办法

// 标题label
    [self.contentView addSubview:self.headLineLabel];
    [self.headLineLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.contentView).with.offset(10 * AutoLayoutScaleX);
        make.centerY.equalTo(self.diamondLabel);
        make.right.mas_lessThanOrEqualTo(self.diamondLabel.mas_left).with.offset(-5 * AutoLayoutScaleX);
    }];
// 设置优先级
    [self.diamondImageView setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];
    [self.diamondLabel setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];

    [self.headLineLabel setContentCompressionResistancePriority:UILayoutPriorityDefaultLow forAxis:UILayoutConstraintAxisHorizontal];
  • 代码分析和解释
    1. 在headLineLabel的布局中添加了一个约束,即为headLineLabel和diamondImageView之间的约束,但是所使用的不是equalTo,而是mas_lessThanOrEqualTo,表示极限的情况是等于,一般来说是小于
    2. 优先级函数:
    • 第一个参数:通俗来讲,不同的优先级,表示显示的完整性的高低,优先级越高,那么在父控件无法在无越界的情况下的情况下,就会优先先把优先级高的控件显示完整,然后再依次显示优先级低的
    • 第二个参数:代表在什么方向上进行优先级限制
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • [置顶]iOS - Masonry使用中的一些整理 标签:iOS资源大全iOS常用方法iOS学习资料Masonry...
    DreamMakerSky阅读 3,199评论 0 4
  • iOS_autoLayout_Masonry 概述 Masonry是一个轻量级的布局框架与更好的包装AutoLay...
    指尖的跳动阅读 1,194评论 1 4
  • (一)Masonry介绍 Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布...
    木易林1阅读 2,385评论 0 3
  • Masonry是一个轻量级的布局框架,拥有自己的描述语法,采用更优雅的链式语法封装自动布局,简洁明了并具有高可读性...
    3dcc6cf93bb5阅读 1,810评论 0 1
  • ——听田恒平教授讲座有感 适逢中考结束送别我带的第一届学生之际,有幸参加了田恒平教授关于“培养核心素养,提高关键能...
    Daisy叶子阅读 3,581评论 1 1