如何用Swift实现V2.top = C1.top + n * V1.height形式的AutoLayout复杂约束？

由于原生Auto Layout的约束公式仅支持item1.attribute1 = multiplier × item2.attribute2 + constant的单属性线性组合，无法直接在单条约束中同时关联两个独立视图的属性（C1的top、V1的height），因此可通过隐藏桥接视图的方式，将目标等式拆解为多条完全符合原生规则的约束，全程无需依赖AutoResizingMask，也不会打乱原有复杂的布局逻辑。

核心实现步骤 #

1. 准备桥接视图
   初始化一个不可见的辅助视图，作为两个布局关系的传递桥梁，将其添加到C1、V1、V2的共同父视图上，配置为完全不参与可视交互：

   let bridgeView = UIView()
   bridgeView.isHidden = true
   bridgeView.isUserInteractionEnabled = false
   bridgeView.translatesAutoresizingMaskIntoConstraints = false
   commonSuperview.addSubview(bridgeView)
   

2. 关联桥接视图与C1的位置
   让桥接视图的顶部和C1的顶部完全对齐，传递C1.top的位置属性，同时补充横向约束消除Auto Layout布局警告：

   bridgeView.topAnchor.constraint(equalTo: C1.topAnchor).isActive = true
   bridgeView.leadingAnchor.constraint(equalTo: commonSuperview.leadingAnchor).isActive = true
   

3. 关联桥接视图的高度与V1的高度
   让桥接视图的高度为n倍V1的高度，通过multiplier参数直接传入比例值，完全符合原生约束规则：

   bridgeView.heightAnchor.constraint(equalTo: V1.heightAnchor, multiplier: n).isActive = true
   

4. 关联V2的顶部与桥接视图的底部
   此时桥接视图的底部位置，已经等价于C1.top + n * V1.height，直接让V2对齐桥接视图的底部即可实现目标布局：

   V2.topAnchor.constraint(equalTo: bridgeView.bottomAnchor).isActive = true
   

等价性验证 #

按照上述约束的计算逻辑：

• 桥接视图顶部坐标 = C1顶部坐标
• 桥接视图底部坐标 = 桥接视图顶部坐标 + 桥接视图高度 = C1.top + n * V1.height
• V2顶部坐标 = 桥接视图底部坐标
  最终推导得到的布局关系完全等价于目标等式 V2.top = C1.top + n * V1.height。

方案优势 #

• 所有约束完全遵循Auto Layout原生规则，无自定义布局计算逻辑，可自动适配V1高度变化、C1位置动态调整等场景
• 桥接视图完全隐藏不交互，不会影响原有UI的展示和交互逻辑，不需要修改现有复杂的布局代码
• 桥接视图仅保留必要的位置和高度约束，无多余计算开销，不会影响布局性能

内容的提问来源于stack exchange，提问作者אורי orihpt