UIScrollView布局异常求助：大屏设备元素间距过大

核心问题 #

你所有的horisontalStackViews都直接添加到了控制器的view上，而非contentView内部。这会导致Auto Layout无法正确计算contentView的高度，大屏设备上约束冲突后，系统会自动调整布局产生不必要的空隙。

修复步骤 #

1. 修正子视图层级
   将所有水平栈视图添加到contentView中，而不是控制器的根view。只有这样，UIScrollView才能通过内部子视图的约束正确计算滚动区域的contentSize。

2. 移除无效约束
   去掉contentView与mainScrollView的高度绑定约束——contentView的高度应该由内部子视图的布局自动决定，无需强制和滚动视图高度关联。

修改后的关键代码 #

private func setupViews() {
    view.addSubview(mainScrollView)
    mainScrollView.addSubview(contentView)
    
    // 将栈视图添加到contentView内部
    horisontalStackViews.forEach { contentView.addSubview($0) }
    
    horisontalStackViews.forEach { $0.translatesAutoresizingMaskIntoConstraints = false }
    
    // 移除无效的高度约束
    // let hConst = contentView.heightAnchor.constraint(equalTo: mainScrollView.heightAnchor)
    // hConst.isActive = true
    // hConst.priority = UILayoutPriority(500)
}

补充说明 #

你的RoundView和RectangleView内部约束是正确的：标签的上下左右约束会让视图自适应内容高度，不会产生额外的弹性空间。修正层级后，contentView的高度会由最底部的栈视图horisontalStackViews[3].bottomAnchor.constraint(equalTo: contentView.bottomAnchor)自动撑起来，所有元素会保持紧凑排列，在大屏设备上也不会出现空隙。

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