如何在UIButton内添加UIStackView并保留默认按压动画？

核心问题 #

UIStackView默认启用用户交互（isUserInteractionEnabled = true），添加到UIButton上后会拦截触摸事件，导致按钮无法接收点击动作。

解决步骤 #

1. 禁用StackView的用户交互
   修改StackView的初始化代码，添加isUserInteractionEnabled = false，让触摸事件透传到下方的UIButton：

   var stackView: UIStackView = {
       let stack = UIStackView()
       stack.axis = .vertical
       stack.distribution = .fillProportionally
       stack.translatesAutoresizingMaskIntoConstraints = false
       
       stack.layer.shadowColor = UIColor.black.cgColor
       stack.layer.shadowOffset = CGSize.zero
       stack.layer.shadowOpacity = 0.6
       stack.layer.shadowRadius = 3
       
       // 关键：禁用StackView交互，点击事件透传至按钮
       stack.isUserInteractionEnabled = false
       
       return stack
   }()
   

2. 确保StackView完全覆盖按钮
   在setupConstraints()中添加约束，让StackView填充整个按钮区域，保证点击范围完整：

   func setupConstraints() {
       NSLayoutConstraint.activate([
           // 按钮约束（根据布局调整）
           button.topAnchor.constraint(equalTo: contentView.topAnchor),
           button.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
           button.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
           button.bottomAnchor.constraint(equalTo: contentView.bottomAnchor),
           
           // StackView约束：完全覆盖按钮
           stackView.topAnchor.constraint(equalTo: button.topAnchor),
           stackView.leadingAnchor.constraint(equalTo: button.leadingAnchor),
           stackView.trailingAnchor.constraint(equalTo: button.trailingAnchor),
           stackView.bottomAnchor.constraint(equalTo: button.bottomAnchor),
           
           // 标题Label约束
           title.topAnchor.constraint(equalTo: textView.topAnchor, constant: 8),
           title.leadingAnchor.constraint(equalTo: textView.leadingAnchor, constant: 8),
           title.trailingAnchor.constraint(equalTo: textView.trailingAnchor, constant: -8),
           title.bottomAnchor.constraint(equalTo: textView.bottomAnchor, constant: -8)
       ])
   }
   

3. 优化按钮事件类型
   建议使用.touchUpInside事件（符合常规按钮点击逻辑）替代.touchDown：

   button.addTarget(self, action: #selector(buttonAction), for: .touchUpInside)
   

特殊场景处理 #

如果StackView内部有需要交互的子视图（如嵌套按钮），只需单独给这些子视图设置isUserInteractionEnabled = true，StackView保持false即可，既不影响父按钮的点击，也能让内部交互元素正常工作。

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