求助：ScrollView中代码创建的UIButton无法居中

你现在用手动计算frame的方式布局按钮，不仅容易出错，还很难优雅实现居中效果，尤其是当ScrollView尺寸变化（比如屏幕旋转）时。我给你两种解决方案，优先推荐Auto Layout的方式——这是iOS开发中更现代、更可靠的布局方案。

方案一：使用Auto Layout + UIStackView（推荐） #

手动算frame太繁琐，用StackView可以自动管理按钮的排列和间距，配合Auto Layout能轻松搞定居中与适配：

1. 先给ScrollView添加一个contentView（这是ScrollView用Auto Layout的标准操作，能避免很多布局混乱问题）：

let contentView = UIView()
contentView.translatesAutoresizingMaskIntoConstraints = false
scrollView.addSubview(contentView)

// 让contentView与ScrollView上下左右对齐，垂直方向高度一致（因为按钮横向排列，无需垂直滚动）
NSLayoutConstraint.activate([
    contentView.topAnchor.constraint(equalTo: scrollView.topAnchor),
    contentView.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor),
    contentView.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor),
    contentView.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor),
    contentView.heightAnchor.constraint(equalTo: scrollView.heightAnchor)
])

2. 创建水平方向的StackView管理按钮，设置好间距与对齐方式：

let padding = 10
let stackView = UIStackView()
stackView.translatesAutoresizingMaskIntoConstraints = false
stackView.axis = .horizontal // 横向排列按钮
stackView.spacing = CGFloat(padding) // 按钮间的间距
stackView.alignment = .center // 让按钮在垂直方向居中
contentView.addSubview(stackView)

// 让StackView在contentView内垂直居中，左右留出padding
NSLayoutConstraint.activate([
    stackView.centerYAnchor.constraint(equalTo: contentView.centerYAnchor),
    stackView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: CGFloat(padding)),
    stackView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -CGFloat(padding))
])

3. 批量创建按钮并添加到StackView：

let num = 5 // 替换成你的按钮数量
let buttonSize = scrollView.frame.height - CGFloat(padding * 2)

for _ in 0..<num {
    let button = UIButton(type: .system)
    button.translatesAutoresizingMaskIntoConstraints = false
    // 固定按钮宽高
    NSLayoutConstraint.activate([
        button.widthAnchor.constraint(equalToConstant: buttonSize),
        button.heightAnchor.constraint(equalToConstant: buttonSize)
    ])
    button.backgroundColor = .lightGray // 加背景色方便查看效果
    stackView.addArrangedSubview(button)
}

这套方案里，StackView会自动排列按钮，Auto Layout会处理ScrollView的contentSize，不管ScrollView尺寸怎么变，按钮都会保持垂直居中、横向排列的效果，超出宽度时还能自动支持滚动。

方案二：手动调整Frame实现居中 #

如果你坚持要用手动计算frame的方式，需要先算出所有按钮的总宽度，再判断是否需要整体居中，最后设置ScrollView的contentSize：

let num = 5 // 你的按钮数量
let padding = 10
let h = Int(scrollView.frame.height) - (padding * 2)
let w = h

// 计算按钮加间距的总宽度
let totalWidth = num * w + (num + 1) * padding
var startX: Int

if totalWidth < Int(scrollView.frame.width) {
    // 总宽度小于ScrollView宽度时，让按钮整体居中
    startX = (Int(scrollView.frame.width) - totalWidth) / 2 + padding
} else {
    // 总宽度超过ScrollView宽度时，左对齐并允许滚动
    startX = padding
}

// 创建按钮并设置frame
for i in 0..<num {
    let button = UIButton(type: .system)
    button.backgroundColor = .lightGray
    let x = startX + i * (w + padding)
    button.frame = CGRect(x: x, y: padding, width: w, height: h)
    scrollView.addSubview(button)
}

// 设置ScrollView的contentSize，确保滚动正常
scrollView.contentSize = CGSize(width: totalWidth, height: scrollView.frame.height)

不过这种方式有个明显缺点：当ScrollView尺寸变化（比如屏幕旋转）时，你需要重新计算所有按钮的frame和contentSize，适配性远不如Auto Layout方案。

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