iOS布局中的抗被拉伸、抗压缩优先级

概念简述

约束优先级: 在Autolayout中每个约束都有一个优先级, 优先级的范围是1 ~ 1000。创建一个约束,默认的优先级是最高的1000;Content Hugging Priority: 该优先级表示一个控件抗被拉伸的优先级。优先级越高,越不容易被拉伸,默认是250(UILayoutPriorityDefaultLow)。

Content Compression Resistance Priority: 该优先级和上面那个优先级相对应,表示一个控件抗压缩的优先级。优先级越高,越不容易被压缩,默认是750(UILayoutPriorityDefaultHigh);

通过以下两个方法来设置他们的抗被拉伸的优先级和抗压缩的优先级:

erlang 复制代码
- (void)setContentCompressionResistancePriority:(UILayoutPriority)priority forAxis:(UILayoutConstraintAxis)axis API_AVAILABLE(ios(6.0));
- (void)setContentHuggingPriority:(UILayoutPriority)priority forAxis:(UILayoutConstraintAxis)axis;

优先级取值:

objectivec 复制代码
static const UILayoutPriority UILayoutPriorityRequired = 1000;
static const UILayoutPriority UILayoutPriorityDefaultHigh  = 750;
static const UILayoutPriority UILayoutPrioritySceneSizeStayPut = 500;
static const UILayoutPriority UILayoutPriorityDefaultLow  = 250;
static const UILayoutPriority UILayoutPriorityFittingSizeLevel = 50;

场景一

ini 复制代码
- (void)test {
    
    UILabel *leftLabel = [UILabel new];
    leftLabel.text = @"我是左边我是我是左边";
    leftLabel.backgroundColor = [UIColor redColor];
    [self.view addSubview:leftLabel];
    
    UILabel *rightLabel = [UILabel new];
    rightLabel.text = @"评论数:20";
    rightLabel.backgroundColor = [UIColor yellowColor];
    [self.view addSubview:rightLabel];
    [leftLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.mas_equalTo(100);
        make.left.mas_equalTo(10);
    }];
    
    [rightLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(leftLabel.mas_right).offset(10);
        make.right.mas_equalTo(-10);
        make.top.equalTo(leftLabel.mas_top);
    }];
}

默认显示效果如图

image

如果希望左边的自适应,右边的自动填充,那么我们需要增大左边的抗被拉伸优先级(越大越不容易被拉伸,默认250、UILayoutPriorityDefaultLow),或者减小右边的抗被拉伸优先级,这样才能让右边的label内容优先显示。

增加以下代码设置:

ini 复制代码
[leftLabel setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];

或者

ini 复制代码
[rightLabel setContentHuggingPriority:UILayoutPriorityFittingSizeLevel forAxis:UILayoutConstraintAxisHorizontal];

显示效果

image

在增加上述的代码以后如果增加左边的文字,效果如下:

image

此时发现右边的文字无法显示了,继续向下分析;

场景二

ini 复制代码
- (void)test {
    
    UILabel *leftLabel = [UILabel new];
    leftLabel.text = @"我是左边我是左边我是左边我是左边我是左边我是左边我是左边我是左边我是左边";
    leftLabel.backgroundColor = [UIColor redColor];
    [self.view addSubview:leftLabel];
    
    UILabel *rightLabel = [UILabel new];
    rightLabel.text = @"评论数:20";
    rightLabel.backgroundColor = [UIColor yellowColor];
    [self.view addSubview:rightLabel];
    
    [leftLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.mas_equalTo(100);
        make.left.mas_equalTo(10);
    }];
    
    [rightLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(leftLabel.mas_right).offset(10);
        make.right.mas_equalTo(-10);
        make.top.equalTo(leftLabel.mas_top);
    }];
}

左边内容多超过屏幕,默认显示效果如图

image

如果希望右边完全显示,左边内容自适应,那么我们需要增大右边的抗压缩优先级(优先级越高,越不容易被压缩,默认750、UILayoutPriorityDefaultHigh),或者减少左边的抗压缩优先级;

增加以下代码设置:

ini 复制代码
[leftLabel setContentCompressionResistancePriority:UILayoutPriorityDefaultLow forAxis:UILayoutConstraintAxisHorizontal];

或者

objectivec 复制代码
[rightLabel setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal]

显示效果

image

在增加上述的代码以后如果,减少左边的文字,效果如下:

image

场景三

需求:

  1. 黄色内容完全展示并且在红色右边,并且间距始终为10

  2. 红色内容少的时候自适应、内容多的时候显示...

解决方案:

这个时候需要将场景一和场景2的内容同时使用,也就是同时使用抗压缩和抗拉伸优先级:

objectivec 复制代码
[leftLabel setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];
[rightLabel setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal]

或者

ini 复制代码
[rightLabel setContentHuggingPriority:UILayoutPriorityFittingSizeLevel forAxis:UILayoutConstraintAxisHorizontal];
[leftLabel setContentCompressionResistancePriority:UILayoutPriorityDefaultLow forAxis:UILayoutConstraintAxisHorizontal];

即场景一和场景二中的代码任性其一进行组合,这里只列出了2种;

运行效果1(左边内容多的时候):

image

运行效果2(左边内容少的时候):

image

总结

  • 空间充足的情况下,可以设置某个控件的抗被拉伸优先级,让某个控件或其余控件占用剩余空间;

  • 空间不足的情况下,可以设置某个控件的抗压缩优先级,让某个控件展示完全;

转载自阿里云cy6s2s5ao5drg:iOS布局中的抗被拉伸、抗压缩优先级

相关推荐
叽哥5 小时前
Flutter Riverpod上手指南
android·flutter·ios
用户091 天前
SwiftUI Charts 函数绘图完全指南
ios·swiftui·swift
YungFan1 天前
iOS26适配指南之UIColor
ios·swift
权咚2 天前
阿权的开发经验小集
git·ios·xcode
用户092 天前
TipKit与CloudKit同步完全指南
ios·swift
法的空间2 天前
Flutter JsonToDart 支持 JsonSchema
android·flutter·ios
2501_915918412 天前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
00后程序员张2 天前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
Magnetic_h3 天前
【iOS】设计模式复习
笔记·学习·ios·设计模式·objective-c·cocoa
00后程序员张3 天前
详细解析苹果iOS应用上架到App Store的完整步骤与指南
android·ios·小程序·https·uni-app·iphone·webview