Swift 5：如何在UI Stack View中合并UILabel与UIButton？

问题出在哪 #

你的代码里几个细节拖了后腿：

1. contactButton 设了190的固定高度，这会让按钮变得异常高大，直接挤压标签的显示空间
2. StackView用了.fillProportionally分布，会强制标签和按钮按比例分配空间，不符合「标签占剩余区域、按钮保留自身大小」的需求
3. 按钮未显式关闭自动布局掩码，容易和自定义约束产生冲突

修复后的完整代码 #

// 先定义按钮
lazy var contactButton: UIButton = {
    let button = UIButton()
    button.translatesAutoresizingMaskIntoConstraints = false
    button.setTitle("Contact Support", for: .normal)
    button.setTitleColor(AppColors.primaryBlue, for: .normal)
    button.titleLabel?.font = AppFont.semiBold.size(17)
    // 保留需要的宽度（也可以直接删掉让按钮自适应宽度）
    button.widthAnchor.constraint(equalToConstant: 170).isActive = true
    button.addTarget(self, action: #selector(contactButtonTapped), for: .touchUpInside)
    return button
}()

// 再定义StackView
lazy var infoHelpFooterStack : UIStackView = {
    lazy var infoContact : UILabel = {
        let label = UILabel()
        label.translatesAutoresizingMaskIntoConstraints = false
        label.font = AppFont.regular.size(14)
        label.text = "Still need help? Send a message to the support team"
        label.numberOfLines = 0
        label.textColor = AppColors.primaryBlue
        label.textAlignment = .left
        // 让标签允许被压缩，保证按钮不会被挤变形
        label.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
        return label
    }()
    
    let stack = UIStackView(arrangedSubviews: [infoContact, contactButton])
    stack.translatesAutoresizingMaskIntoConstraints = false
    stack.axis = .horizontal
    stack.distribution = .fill // 标签占满剩余空间，按钮保持自身大小
    stack.alignment = .center // 标签和按钮垂直居中对齐
    stack.spacing = 8 // 调大间距提升视觉舒适度
    return stack
}()

核心调整说明 #

• 移除按钮不合理的固定高度，让它根据标题字体自动适配高度
• StackView改用.fill分布，标签会自动填充按钮之外的剩余水平空间，同时支持正常换行
• 给标签设置较低的水平内容压缩阻力优先级，确保按钮不会被挤压变形
• 设置StackView的对齐方式为.center，让标签和按钮在垂直方向居中对齐，视觉更协调

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