如何通过编程方式将CollectionView高度设置为与原视图成比例？

嘿，这个需求我在项目里碰到过好几次，给你分享两种实用的实现方式，看哪种更贴合你的场景：

这种方式完全靠系统的自动布局来维护比例关系，不需要手动处理尺寸变化（比如屏幕旋转），省心又可靠。

核心思路是给CollectionView的高度锚点绑定到参考视图（你说的“原始视图”）的宽度/高度锚点，通过multiplier参数设置比例。比如我要让CollectionView的高度是父视图宽度的60%（3:5的比例），Swift代码示例如下：

// 第一步：先禁用CollectionView的自动转换约束
collectionView.translatesAutoresizingMaskIntoConstraints = false

// 第二步：激活所有约束，重点是高度的比例约束
NSLayoutConstraint.activate([
    // 先设置上下左右的位置约束（根据你的需求调整constant值）
    collectionView.topAnchor.constraint(equalTo: view.topAnchor, constant: 20),
    collectionView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
    collectionView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16),
    // 核心：高度 = 参考视图宽度 × 0.6
    collectionView.heightAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.6)
])

如果你的比例是基于参考视图的高度，只需要把view.widthAnchor换成view.heightAnchor就行。比如要让高度是父视图高度的40%，就写equalTo: view.heightAnchor, multiplier: 0.4。

如果你的参考视图尺寸会频繁变化，或者需要结合一些业务逻辑调整比例，可以手动计算高度并更新。通常在viewDidLayoutSubviews方法里处理，因为这个方法会在视图布局更新时触发（比如屏幕旋转、父视图尺寸改变）。

示例代码：

// 先把CollectionView的高度约束存为类属性（如果用Auto Layout的话）
private var collectionHeightConstraint: NSLayoutConstraint!

override func viewDidLoad() {
    super.viewDidLoad()
    // 初始化CollectionView并设置基础约束
    collectionView.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([
        collectionView.topAnchor.constraint(equalTo: view.topAnchor, constant: 20),
        collectionView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
        collectionView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16)
    ])
    // 创建高度约束并保存
    collectionHeightConstraint = collectionView.heightAnchor.constraint(equalToConstant: 0)
    collectionHeightConstraint.isActive = true
}

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    // 这里以参考视图高度的50%为例
    let referenceHeight = view.bounds.height
    let targetHeight = referenceHeight * 0.5
    // 更新约束的constant值
    collectionHeightConstraint.constant = targetHeight
    // 强制刷新布局
    view.layoutIfNeeded()
    
    // 如果你不用Auto Layout，直接更新frame也可以：
    // var frame = collectionView.frame
    // frame.size.height = targetHeight
    // collectionView.frame = frame
}

• 用Auto Layout的时候，一定要记得把translatesAutoresizingMaskIntoConstraints设为false，否则系统自动生成的约束会和你写的冲突。
• 如果参考视图不是父视图，而是页面上的某个其他控件，只需要把代码里的view换成那个控件的实例就行。
• 要是你需要CollectionView的高度同时适配内容和比例限制，可以结合contentSize来做判断（比如取比例计算高度和内容高度的最小值），不过这是额外的扩展场景了。

内容的提问来源于stack exchange，提问作者Seong Min Choo