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)
相关推荐
壹方秘境3 天前
我用Go语言开发了一个跨平台的HTTPS抓包和调试工具
前端·后端·ios
初级代码游戏9 天前
easy Photo Clean公测版:快速清理iPhone照片 邀请公测
ios·iphone
库奇噜啦呼9 天前
【iOS】RunLoop学习
学习·ios
黑科技iOS上架9 天前
iOS应用周末提交什么情况算卡审
经验分享·ios
zzb15809 天前
ios基础-MVC-UIView
ios·mvc·cocoa
kingbal9 天前
Flutter:Flutter SDK版本管理工具FVM
android·flutter·ios·android-studio·window
他们都不看好你,偏偏你最不争气10 天前
【iOS】Runtime - Part 2 && 消息发送:缓存、查找与转发
macos·ios·objective-c·cocoa
2501_9159184110 天前
iOS App性能测试工具的实现方法与优化循环指南
android·ios·小程序·https·uni-app·iphone·webview
他们都不看好你,偏偏你最不争气10 天前
【iOS】Runtime - Part 1 && 对象与类的本质
macos·ios·objective-c·cocoa