AutoLayout - 多控件自适应布局

intrinsicContentSize详解

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

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

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

setContentCompressionResistancePriority(抗压缩)
- 数值越低，在宽/高度不够下，就会被压缩
- 常见默认值：UILayoutPriority.defaultHigh = 750

    open func setContentCompressionResistancePriority(_ priority: UILayoutPriority, for axis: NSLayoutConstraint.Axis)

setContentHuggingPriority (抗拉伸)
- 数组越低。在宽/高度多余的情况下就会被拉伸
- 常见默认值：UILayoutPriority.defaultLow = 250

    open func setContentHuggingPriority(_ priority: UILayoutPriority, for axis: NSLayoutConstraint.Axis)

使用场景:

contentCompressionResistancePriority (抗压缩)

    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 设置约束优先级

    label1.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
    label2.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)

contentHuggingPriority(抗拉伸)

    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 设置约束优先级

    label1.setContentHuggingPriority(.defaultHigh, for: .horizontal)
    label2.setContentHuggingPriority(.defaultLow, for: .horizontal)

最后编辑于：2021.10.09 18:04:59