AutoLayout - 多控件自适应布局

intrinsicContentSize详解

对于UILabel, UIimageView,UIButton等控件都有intrinsicContentSize的属性

  • intrinsic Content Size: 固有内部大小 ,拥有此属性的控件在设置约束时,如果没有设置控件的大小,就会根据此属性来设置控件的大小
    • 比如UILabel设置约束时,只需要指定位置,就能根据文本内容和字体大小计算出label的大小

在水平/垂直并行布局中,两个控件的intrinsicSize(固有大小)比父控件的宽/高的数值大,父控件就没有办法完全展示完成,就只能通过压缩其中一个控件来实现。如果我们想要想要指定某个控件来进行自适应,压缩另外一个控件,就需要修改控件的约束优先级,以下两个方法修改优先级

  • setContentCompressionResistancePriority(抗压缩)
    • 数值越低,在宽/高度不够下,就会被压缩
    • 常见默认值:UILayoutPriority.defaultHigh = 750
swift 复制代码
    open func setContentCompressionResistancePriority(_ priority: UILayoutPriority, for axis: NSLayoutConstraint.Axis)
  • setContentHuggingPriority (抗拉伸)
    • 数组越低。在宽/高度多余的情况下就会被拉伸
    • 常见默认值:UILayoutPriority.defaultLow = 250
swift 复制代码
    open func setContentHuggingPriority(_ priority: UILayoutPriority, for axis: NSLayoutConstraint.Axis)

使用场景:

  • contentCompressionResistancePriority (抗压缩)

    swift 复制代码
        lazy var label1: UILabel = {
            let label = UILabel()
            label.text = "可能会显示省略号的label1"
            return label
        }()
      
        lazy var label2: UILabel = {
            let label = UILabel()
            label.text = "优先自适应的宽度的label2"
            return label
        }()
        
        view.addSubview(label1)
        view.addSubview(label2)
     
        label1.snp.makeConstraints { make in
            make.left.top.bottom.equalTo(0)
        }
          
        label2.snp.makeConstraints { make in
            make.right.top.bottom.equalTo(0)
            make.left.equalTo(self.label1.snp.right).offset(5)
        }
    • 按照上面的代码显示会label1正常显示,label2被压缩,如果需求是保证label2正常显示,需要调用setContentCompressionResistancePriority 设置约束优先级
    less 复制代码
        label1.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
        label2.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)
  • contentHuggingPriority(抗拉伸)

    swift 复制代码
        lazy var label1: UILabel = {
            let label = UILabel()
            label.text = "label1"
            return label
         }()
      
        lazy var label2: UILabel = {
            let label = UILabel()
            label.text = "被拉伸的label2"
            return label
          }()
      
        view.addSubview(label1)
        view.addSubview(label2)
     
        label1.snp.makeConstraints { make in
            make.left.top.bottom.equalTo(0)
        }
          
        label2.snp.makeConstraints { make in
            make.right.top.bottom.equalTo(0)
            make.left.equalTo(self.label1.snp.right).offset(5)
        }
        
    • 按照上面的代码显示会label1会被拉伸,label2正常显示,如果需求是label1正常显示,拉伸label2,需要调用setContentHuggingPriority 设置约束优先级
    less 复制代码
        label1.setContentHuggingPriority(.defaultHigh, for: .horizontal)
        label2.setContentHuggingPriority(.defaultLow, for: .horizontal)
相关推荐
人月神话-Lee4 分钟前
【图像处理】亮度与对比度——图像的线性变换
图像处理·人工智能·ios·ai编程·swift
AITOP1006 小时前
高德联合千问开源AGenUI:让Agent UI同时跑在iOS、安卓和鸿蒙上
ui·ios·开源
2501_916008899 小时前
ChatGPT前端开发学习指南:Visual Studio Code与谷歌浏览器安装配置详解
ide·vscode·ios·小程序·uni-app·编辑器·iphone
MonkeyKing10 小时前
iOS 图片内存优化实战:解码、downSample、纹理内存与大图展示全解析
ios
00后程序员张12 小时前
iOS开发中Xcode安装不完整问题解决方案与配置指南
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
2501_9159090612 小时前
完整指南:如何将iOS应用上架到App Store
android·ios·小程序·https·uni-app·iphone·webview
90后的晨仔12 小时前
SwiftUI 高级依赖注入:构建可测试、可扩展应用的基石
ios
90后的晨仔12 小时前
SwiftUI 中的 Combine:响应式编程完全指南
ios
pop_xiaoli21 小时前
【iOS】RunLoop
macos·ios·objective-c·cocoa
区块block1 天前
iOS 27 重磅开放:第三方 AI 模型自由切换,苹果生态告别封闭
人工智能·ios