如何自动设置约束让ViewController中UIView间保持均匀间距？

嘿，我完全懂你手动调整控件间距的痛苦！要让UILabel、UITextField这些组件保持统一的2pt上下间距，其实有几个非常高效的自动实现方式，帮你摆脱手动调约束的麻烦：

方法一：用UIStackView（最推荐，零手动约束） #

这是Apple官方推荐的线性布局方案，专门解决这种同方向排列的控件间距问题，步骤超简单：

• 先把所有需要排列的控件拖到你的ViewController里，不用提前摆位置
• 选中所有这些控件，点击Xcode右下角的「Embed in Stack View」按钮（看起来像个叠起来的方块）
• 在右侧Attributes Inspector里，设置StackView的Axis为「Vertical」（垂直方向），Spacing设为2（就是你要的间距）
• 最后给这个StackView添加上下左右的约束，比如让它和父视图的safe area对齐，或者居中，这样整个控件组的位置就固定了

为啥你之前直接选所有控件加约束没用？因为Xcode选中多个控件时，默认添加的是对齐类约束（比如所有控件top对齐、leading对齐），而不是控件之间的间距约束，自然达不到均匀间距的效果。StackView会自动帮你管理每个控件之间的间距，后续要改间距直接改StackView的Spacing值就行，超级方便！

方法二：自定义扩展批量添加间距约束 #

如果你不想用StackView，也可以写个简单的UIView扩展，批量给控件添加垂直间距约束：

import UIKit

extension UIView {
    /// 给一组垂直排列的视图添加统一间距
    func addUniformVerticalSpacing(to views: [UIView], spacing: CGFloat) {
        guard views.count > 1 else { return }
        
        // 先确保所有视图都添加到当前视图上
        views.forEach { addSubview($0) }
        // 关闭 autoresizing mask
        views.forEach { $0.translatesAutoresizingMaskIntoConstraints = false }
        
        // 依次给相邻视图添加间距约束
        for index in 1..<views.count {
            let previousView = views[index - 1]
            let currentView = views[index]
            
            NSLayoutConstraint.activate([
                currentView.topAnchor.constraint(equalTo: previousView.bottomAnchor, constant: spacing),
                currentView.leadingAnchor.constraint(equalTo: previousView.leadingAnchor),
                currentView.trailingAnchor.constraint(equalTo: previousView.trailingAnchor)
            ])
        }
        
        // 记得给第一个视图加top约束，最后一个加bottom约束（根据你的布局需求调整）
        if let firstView = views.first {
            firstView.topAnchor.constraint(equalTo: safeAreaLayoutGuide.topAnchor, constant: 16).isActive = true
        }
        if let lastView = views.last {
            lastView.bottomAnchor.constraint(lessThanOrEqualTo: safeAreaLayoutGuide.bottomAnchor, constant: -16).isActive = true
        }
    }
}

然后在你的ViewController里调用：

override func viewDidLoad() {
    super.viewDidLoad()
    // 把你的控件按顺序放进数组里
    let arrangedViews = [nameLabel, nameTextField, ageLabel, ageTextField, emailLabel, emailTextField]
    view.addUniformVerticalSpacing(to: arrangedViews, spacing: 2)
}

这样就能自动给所有相邻控件添加上2pt的间距，同时保证它们的左右对齐，不用一个个手动加约束。

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