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)
相关推荐
游戏开发爱好者85 小时前
基于uni-app的iOS应用上架,从打包到分发的全流程
android·ios·小程序·https·uni-app·iphone·webview
无知的前端6 小时前
一文精通- iOS隐私权限
ios·程序员·app
不自律的笨鸟7 小时前
iPhone 17 Pro 全新配色确定,首款折叠屏 iPhone 将配备 Touch ID 及四颗镜头
ios·iphone
深盾科技7 小时前
探索Swift Package Manager:全面指南
开发语言·ios·swift
vayy21 小时前
uniapp中 ios端 scroll-view 组件内部子元素z-index失效问题
前端·ios·微信小程序·uni-app
我现在不喜欢coding1 天前
为什么runloop中先处理 blocks source0 再处理timer source1?
ios·面试
骑着猪狂飙1 天前
iOS技术之通过Charles抓包http、https数据
网络协议·http·ios·https
Dolphin_海豚2 天前
charles proxying iphone
前端·ios
Magnetic_h2 天前
【iOS】内存管理及部分Runtime复习
笔记·学习·macos·ios·objective-c·cocoa·xcode
jiushiapwojdap3 天前
Flutter上手记:为什么我的按钮能同时在iOS和Android上跳舞?[特殊字符][特殊字符]
android·其他·flutter·ios