iOS开发：如何通过代码实现自适应比例的界面设计？

针对你遇到的UITableView嵌套UICollectionView的适配问题，结合Apple的自适应设计规范，给你几个直接落地的方案：

1. 用AutoLayout比例约束替代固定尺寸 #

放弃硬编码元素尺寸，改用相对父视图的比例约束和元素自身宽高比约束，这是实现比例适配的核心：

• 比如给CollectionViewCell内的图片设置：宽度为contentView宽度的90%，高度为宽度的1.5倍（3:2比例）
• 代码示例：

// 在CollectionViewCell的初始化方法中设置约束
imageView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    imageView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 8),
    imageView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -8),
    imageView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 8),
    imageView.heightAnchor.constraint(equalTo: imageView.widthAnchor, multiplier: 1.5)
])

• Storyboard操作更直观：选中元素，按住Ctrl拖到父视图，选择「Width Equals Width」，然后在约束面板修改multiplier；同理设置宽高比约束。

2. 动态计算UICollectionView的Item尺寸 #

嵌套场景下，CollectionView的Item尺寸不能固定，要根据当前屏幕宽度动态计算：

1. 先确定不同设备的列数：比如iPhone竖屏2列，iPad竖屏3列（可结合Size Classes判断）
2. 在viewDidLayoutSubviews中重新计算Item尺寸：

private let columns: Int = UIScreen.main.traitCollection.horizontalSizeClass == .regular ? 3 : 2

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    guard let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout else { return }
    
    // 计算可用宽度：屏幕宽度 - 左右内边距 - Item间总间距
    let totalSpacing = flowLayout.sectionInset.left + flowLayout.sectionInset.right + (flowLayout.minimumInteritemSpacing * (columns - 1))
    let itemWidth = (view.bounds.width - totalSpacing) / CGFloat(columns)
    // 按比例设置Item高度
    flowLayout.itemSize = CGSize(width: itemWidth, height: itemWidth * 1.5)
}

3. 监听Trait变化：当设备旋转或切换分屏时，重新计算布局：

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)
    if traitCollection.horizontalSizeClass != previousTraitCollection?.horizontalSizeClass {
        collectionView.collectionViewLayout.invalidateLayout()
    }
}

3. 让UITableViewCell自动适配高度 #

不要固定TableViewCell的高度，用AutoLayout自动计算：

1. 给TableView开启自动高度：

tableView.rowHeight = UITableView.automaticDimension
tableView.estimatedRowHeight = 200 // 给个预估高度，提升滚动性能

2. 让嵌套的CollectionView自动撑开高度：自定义CollectionView子类，重写contentSize触发 intrinsic 尺寸更新：

class AutoHeightCollectionView: UICollectionView {
    override var contentSize: CGSize {
        didSet {
            invalidateIntrinsicContentSize()
        }
    }
    
    override var intrinsicContentSize: CGSize {
        return contentSize
    }
}

3. 在TableViewCell中，给AutoHeightCollectionView设置顶部、底部、左侧、右侧的约束，确保没有遗漏的约束，这样TableView就能根据CollectionView的内容高度自动调整Cell高度。

4. 结合Size Classes做精细化适配 #

Apple官方推荐用Size Classes区分不同设备的布局场景，你可以：

• 在Storyboard中，切换到不同Size Class（比如wC hR、wR hR），给约束设置不同的constant或multiplier
• 代码中通过traitCollection.horizontalSizeClass和traitCollection.verticalSizeClass判断场景，动态调整布局参数（比如列数、间距）

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