iOS Swift：捏合手势修改按钮高度约束无效问题求助

问题根源 #

你当前的实现中，每次捏合时都会给按钮新增一个高度约束，但创建按钮时添加的原始高度约束仍处于激活状态。AutoLayout遇到约束冲突时会忽略新添加的约束，导致布局完全没变化。

修复方案：保存约束引用并直接修改 #

步骤1：添加约束存储数组

在视图控制器类中声明一个数组，用来保存每个按钮的高度约束引用：

var buttonHeightConstraints: [NSLayoutConstraint] = []

步骤2：创建按钮时保存约束

修改viewDidLoad中创建按钮的代码，把每个按钮的高度约束存入数组：

var previousButton: UIButton!
buttonHeightConstraints.removeAll() // 避免重复添加
for i in 0..<rightPianoRollView.numN {
    let button = UIButton()
    button.translatesAutoresizingMaskIntoConstraints = false
    rightButtonsView.addSubview(button)
    
    button.leadingAnchor.constraint(equalTo: rightButtonsView.leadingAnchor).isActive = true
    button.trailingAnchor.constraint(equalTo: rightButtonsView.trailingAnchor).isActive = true
    
    // 创建高度约束并保存引用
    let heightConstraint = button.heightAnchor.constraint(equalToConstant: noteHeight)
    heightConstraint.isActive = true
    buttonHeightConstraints.append(heightConstraint)
    
    if previousButton == nil {
        button.topAnchor.constraint(equalTo: rightButtonsView.topAnchor).isActive = true
    } else {
        button.topAnchor.constraint(equalTo: previousButton.bottomAnchor).isActive = true
    }
    
    previousButton = button
    button.setTitle("Button \(i)", for: .normal)
    button.setTitleColor(.black, for: .normal)
    button.backgroundColor = .red
    button.layer.borderWidth = 1.0
    button.layer.borderColor = UIColor.green.cgColor
}

previousButton.bottomAnchor.constraint(equalTo: rightButtonsView.bottomAnchor).isActive = true

步骤3：捏合手势中修改约束常量

在handlePinch里，直接遍历数组修改已有约束的constant值，而不是新增约束：

@objc func handlePinch(_ g: UIPinchGestureRecognizer) {
    guard let constraintright = rightpianorollheightConstraint  else { return }
    
    if g.state == .began || g.state == .changed {
        let newHeightright = constraintright.constant * g.scale
        constraintright.constant = max(newHeightright, 10.0)
        g.scale = 1.0
        targetHeight = newHeightright
        noteHeight = calculateNoteHeight(targetHeight: newHeightright, numN: rightPianoRollView.numN)
        
        // 直接修改已有的高度约束
        for constraint in buttonHeightConstraints {
            constraint.constant = noteHeight
        }
        
        // 手动触发布局更新（确保生效）
        rightButtonsView.layoutIfNeeded()
    }
}

更优实现：比例约束替代固定高度 #

如果所有按钮高度始终相等，可以不用给每个按钮单独加固定高度约束，而是让按钮高度和容器视图高度成比例，这样只需修改容器高度，按钮会自动适配：

修改按钮约束逻辑

var previousButton: UIButton!
for i in 0..<rightPianoRollView.numN {
    let button = UIButton()
    button.translatesAutoresizingMaskIntoConstraints = false
    rightButtonsView.addSubview(button)
    
    button.leadingAnchor.constraint(equalTo: rightButtonsView.leadingAnchor).isActive = true
    button.trailingAnchor.constraint(equalTo: rightButtonsView.trailingAnchor).isActive = true
    
    // 按钮高度 = 容器高度 / 按钮数量
    button.heightAnchor.constraint(equalTo: rightButtonsView.heightAnchor, multiplier: 1/CGFloat(rightPianoRollView.numN)).isActive = true
    
    if previousButton == nil {
        button.topAnchor.constraint(equalTo: rightButtonsView.topAnchor).isActive = true
    } else {
        button.topAnchor.constraint(equalTo: previousButton.bottomAnchor).isActive = true
    }
    
    previousButton = button
    button.setTitle("Button \(i)", for: .normal)
    button.setTitleColor(.black, for: .normal)
    button.backgroundColor = .red
    button.layer.borderWidth = 1.0
    button.layer.borderColor = UIColor.green.cgColor
}

previousButton.bottomAnchor.constraint(equalTo: rightButtonsView.bottomAnchor).isActive = true

简化捏合手势处理

此时捏合手势只需修改容器的高度约束，按钮高度会自动按比例调整，无需遍历按钮：

@objc func handlePinch(_ g: UIPinchGestureRecognizer) {
    guard let constraintright = rightpianorollheightConstraint  else { return }
    
    if g.state == .began || g.state == .changed {
        let newHeightright = constraintright.constant * g.scale
        constraintright.constant = max(newHeightright, 10.0)
        g.scale = 1.0
        targetHeight = newHeightright
        
        // 无需手动更新按钮约束，AutoLayout自动处理
        rightButtonsView.layoutIfNeeded()
    }
}

这种方式代码更简洁，性能也更好，避免了维护大量约束引用的麻烦。

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