美文网首页
iOS AutoLayout中的Content Hugging

iOS AutoLayout中的Content Hugging

作者: 00after | 来源:发表于2018-07-30 14:40 被阅读14次

    添加两个label

        UILabel* leftLabel = [[UILabel alloc] init];
        leftLabel.backgroundColor = [UIColor redColor];
        [self.view addSubview:leftLabel];
        leftLabel.text = @"人做的畜生之事越多,内心越是痛苦。";
        [leftLabel sizeToFit];
    
        UILabel* rightLabel = [[UILabel alloc] init];
        rightLabel.backgroundColor = [UIColor greenColor];
        [self.view addSubview:rightLabel];
        rightLabel.text = @"1234567890";
        [rightLabel sizeToFit];
    
    

    设置布局

        [leftLabel mas_makeConstraints:^(MASConstraintMaker *make) {
            make.height.equalTo(@(20));
            make.left.equalTo(self.view).offset(10);
            make.centerY.equalTo(self.view);
            make.right.mas_lessThanOrEqualTo(rightLabel.mas_left);
        }];
    
        [rightLabel mas_makeConstraints:^(MASConstraintMaker *make) {
            make.height.equalTo(@(20));
            make.left.mas_greaterThanOrEqualTo(leftLabel.mas_right);
            make.right.equalTo(self.view).offset(-10);
            make.centerY.equalTo(leftLabel);
        }];
    
    

    运行效果

    Content0.png

    在默认情况下,我们没有设置各个布局的优先级,那么他就会优先显示左边的label,左边的完全显示后剩余的空间都是右边的label,如果整个空间宽度都不够左边的label的话,那么右边的label没有显示的机会了。

    如果我们现在的需求是优先显示右边的label,左边的label内容超出的省略,这时就需要我们调整约束的优先级了。

    理论

    • 约束优先级: 在Autolayout中每个约束都有一个优先级, 优先级的范围是1 ~ 1000。创建一个约束,默认的优先级是最高的1000
    • Content Hugging Priority: 该优先级表示一个控件抗被拉伸的优先级。优先级越高,越不容易被拉伸,默认是250。
    • Content Compression Resistance Priority: 该优先级和上面那个优先级相对应,表示一个控件抗压缩的优先级。优先级越高,越不容易被压缩,默认是750

    所以默认情况下两边的label的Content HuggingContent Compression优先级都是一样的,为了让右边的label完全显示,那么我们需要增大右边label的抗压缩级,或者减小左边label的抗压缩级,总之是得让右边的抗压缩级大于左边的label,这样才能让右边的label内容优先显示。

    UIView中关于Content Hugging 和 Content Compression Resistance的方法有:

    - (UILayoutPriority)contentHuggingPriorityForAxis:(UILayoutConstraintAxis)axis NS_AVAILABLE_IOS(6_0);
    - (void)setContentHuggingPriority:(UILayoutPriority)priority forAxis:(UILayoutConstraintAxis)axis NS_AVAILABLE_IOS(6_0);
    
    - (UILayoutPriority)contentCompressionResistancePriorityForAxis:(UILayoutConstraintAxis)axis NS_AVAILABLE_IOS(6_0);
    - (void)setContentCompressionResistancePriority:(UILayoutPriority)priority forAxis:(UILayoutConstraintAxis)axis NS_AVAILABLE_IOS(6_0);
    
    

    在初始化label里面添加代码:

    [leftLabel setContentCompressionResistancePriority:UILayoutPriorityDefaultLow forAxis:UILayoutConstraintAxisHorizontal];
    
    

    或者

    [rightLabel setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];
    
    

    UILayoutPriority类型实际上就是float类型,只要设置右边的比左边的大就可以。

    修改后的效果

    Content1.png

    对于多个labe或者button利用类似的方法都可以做到优先显示某一个控件的内容。

    参考文章:
    iOS 自动布局 Autolayout 优先级的使用
    iOS AutoLayout中的Content Hugging 和 Content Compression Resistance优先级问题
    HuggingPriority和CompressionResistance 一个例子教你理解
    Autolayout中关于intrinsic content、相关优先级及其应用

    相关文章

      网友评论

          本文标题:iOS AutoLayout中的Content Hugging

          本文链接:https://www.haomeiwen.com/subject/dnzxvftx.html