Auto Layout 是否必须指定 width 和 height 锚点？Swift UIKit 动态尺寸组件问询

是否需要在父视图中指定宽高锚点？ #

是否需要指定宽高锚点，取决于组件的intrinsicContentSize实现情况和你的实际布局需求：

• 无需指定的场景：你的组件已经完整实现了intrinsicContentSize，内容变化时可以自动更新该属性，且布局不需要限制组件尺寸、不需要固定宽高，仅需要确定组件的位置锚点（如居中、左上对齐等）即可正常布局。
• 必须指定的场景：存在以下任意一种情况时，需要添加宽高相关的锚点约束：
  • 布局要求组件固定宽/高，和内部内容尺寸无关
  • 需要限制组件的最大/最小宽高，避免内容过多时超出父视图边界
  • 组件本身没有实现intrinsicContentSize，无法通过自身内容计算得到尺寸

宽高锚点的具体操作方式 #

所有约束设置前，需要先将组件的translatesAutoresizingMaskIntoConstraints属性设为false，否则手写的锚点约束不会生效。

场景1：设置固定宽高 #

let dynamicComponent = YourDynamicComponent()
parentView.addSubview(dynamicComponent)
dynamicComponent.translatesAutoresizingMaskIntoConstraints = false

NSLayoutConstraint.activate([
    // 先确定组件位置：父视图居中
    dynamicComponent.centerXAnchor.constraint(equalTo: parentView.centerXAnchor),
    dynamicComponent.centerYAnchor.constraint(equalTo: parentView.centerYAnchor),
    // 指定固定宽高
    dynamicComponent.widthAnchor.constraint(equalToConstant: 240),
    dynamicComponent.heightAnchor.constraint(equalToConstant: 120)
])

场景2：保留动态尺寸，仅限制最大/最小宽高 #

let dynamicComponent = YourDynamicComponent()
parentView.addSubview(dynamicComponent)
dynamicComponent.translatesAutoresizingMaskIntoConstraints = false

NSLayoutConstraint.activate([
    // 确定位置：左上对齐父视图，边距16
    dynamicComponent.leadingAnchor.constraint(equalTo: parentView.leadingAnchor, constant: 16),
    dynamicComponent.topAnchor.constraint(equalTo: parentView.topAnchor, constant: 16),
    // 限制宽度最大不超过父视图右边界16边距
    dynamicComponent.trailingAnchor.constraint(lessThanOrEqualTo: parentView.trailingAnchor, constant: -16),
    // 限制最小高度32，最大高度不超过父视图高度的40%
    dynamicComponent.heightAnchor.constraint(greaterThanOrEqualToConstant: 32),
    dynamicComponent.heightAnchor.constraint(lessThanOrEqualTo: parentView.heightAnchor, multiplier: 0.4)
])

场景3：宽高按比例自适应 #

let dynamicComponent = YourDynamicComponent()
parentView.addSubview(dynamicComponent)
dynamicComponent.translatesAutoresizingMaskIntoConstraints = false

NSLayoutConstraint.activate([
    // 确定位置：顶部居中对齐父视图
    dynamicComponent.centerXAnchor.constraint(equalTo: parentView.centerXAnchor),
    dynamicComponent.topAnchor.constraint(equalTo: parentView.topAnchor, constant: 20),
    // 宽度为父视图宽度的80%
    dynamicComponent.widthAnchor.constraint(equalTo: parentView.widthAnchor, multiplier: 0.8),
    // 宽高比固定为4:3
    dynamicComponent.heightAnchor.constraint(equalTo: dynamicComponent.widthAnchor, multiplier: 3/4)
])

补充提示：如果你的组件内容更新后需要自动调整尺寸，记得在内容变更后调用invalidateIntrinsicContentSize()方法，触发系统重新计算组件的内在尺寸和布局。

内容的提问来源于stack exchange，提问作者Steven James