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)
相关推荐
aiopencode12 小时前
局域网设备抓包怎么做?用 TraceEagle 抓电视、游戏机和 IoT 流量
后端·ios
奇牙coding13 小时前
GPT-5.5 报 401 invalid_api_key 怎么办?换密钥前按 4 层排查请求头、项目权限和端点
数据库·gpt·ios·ai
szp200514 小时前
中文字幕烧进视频后整片空白:CoreText 低报行高,导出照样成功
ios·swift
二流小码农14 小时前
HarmonyOS开发助手,0代码让元服务从开发到上架
android·ios·harmonyos
zhongben123_18 小时前
从0到1开发一款生鲜配送APP:核心技术难点与架构避坑指南
大数据·运维·人工智能·ios·架构·web app
zhongben_keji19 小时前
批发商城APP怎么做:价格引擎、授信台账与资金合规的设计要点
ios·小程序·web app
茶底世界之下21 小时前
夜景加胶片颗粒,先看天空:Awaking 两版真实导出
ios
2501_915106321 天前
iOS 单元测试怎么跑?用 KXApp 在 VS Code 里跑 XCTest 和 Swift Testing
ide·vscode·ios·单元测试·个人开发·swift·敏捷流程
2501_915921431 天前
iOS 实时日志怎么看?KeyMob 的日志过滤、崩溃报告与符号化
android·ios·小程序·https·uni-app·iphone·webview
天蒙蒙亮1 天前
打ios app包+“应用商城”发布
ios