UIView按钮无响应：仅指定正确CGRect时才可正常触发

嘿，我明白你遇到的问题了！当用约束设置这个断网提示View时按钮突然没反应，不用约束就正常，核心原因是你的自定义View本身没有正确的尺寸约束，导致它的触摸区域和显示区域不匹配。

问题根源分析 #

你初始化ConnectionLostAlertUIView时用了CGRect.zero，然后在didMoveToSuperview里只给内部的view加了相对于父视图的底部、左右约束，但ConnectionLostAlertUIView自己的frame还是CGRect.zero——也就是说，这个自定义View的实际可触摸区域是0×0的，虽然内部的view显示出来了，但iOS的触摸事件会先检查点击点是否在父View（也就是你的自定义View）的范围内，不在的话就不会把事件传递给内部的按钮，所以按钮就没反应啦。

改进后的实现方案 #

下面是既能满足需求，又能让按钮正常响应的完整实现：

1. 修正自定义View的代码

我们把内部View的约束和自定义View本身的约束分开处理，确保自定义View有明确的尺寸，同时让内部View完全填充它：

import UIKit

class ConnectionLostAlertUIView: UIView {
    @IBOutlet var contentView: UIView!
    // 可选：添加闭包让外部处理关闭事件，解耦更灵活
    var onDismiss: (() -> Void)?

    override init(frame: CGRect) {
        super.init(frame: frame)
        commonSetup()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        commonSetup()
    }

    private func commonSetup() {
        // 加载xib
        Bundle.main.loadNibNamed("ConnectionLostAlertView", owner: self, options: nil)
        addSubview(contentView)
        // 让contentView完全填充当前自定义View
        setupContentViewConstraints()
    }

    private func setupContentViewConstraints() {
        contentView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            contentView.topAnchor.constraint(equalTo: self.topAnchor),
            contentView.leadingAnchor.constraint(equalTo: self.leadingAnchor),
            contentView.trailingAnchor.constraint(equalTo: self.trailingAnchor),
            contentView.bottomAnchor.constraint(equalTo: self.bottomAnchor)
        ])
    }

    // 对外暴露方法，设置自定义View在父视图中的位置
    func attachToSuperview(_ superview: UIView) {
        self.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            self.bottomAnchor.constraint(equalTo: superview.bottomAnchor),
            self.leadingAnchor.constraint(equalTo: superview.leadingAnchor),
            self.trailingAnchor.constraint(equalTo: superview.trailingAnchor),
            // 给自定义View设置高度约束，这里可以根据你的xib实际高度调整
            self.heightAnchor.constraint(equalToConstant: 60)
        ])
    }

    @IBAction func dismissButtonTapped(_ sender: Any) {
        Logger.log(message: "Dismiss button was pressed", event: .d)
        self.isHidden = true
        // 触发闭包，让外部可以做额外处理
        onDismiss?()
    }
}

2. 在ViewController中添加并配置View

var connectionLostAlert: ConnectionLostAlertUIView!

override func viewDidLoad() {
    super.viewDidLoad()
    // 初始化并添加到父视图
    connectionLostAlert = ConnectionLostAlertUIView(frame: .zero)
    view.addSubview(connectionLostAlert)
    // 设置在父视图中的位置约束
    connectionLostAlert.attachToSuperview(view)
    // 默认隐藏，断网时再显示
    connectionLostAlert.isHidden = true
    
    // 可选：监听关闭事件
    connectionLostAlert.onDismiss = { [weak self] in
        print("用户关闭了断网提示")
        // 这里可以添加你需要的额外逻辑
    }
}

为什么这样能解决问题？ #

• 内部的contentView完全填充自定义View，确保自定义View的尺寸和显示内容一致，触摸区域覆盖整个提示框。
• 给自定义View本身添加了明确的底部、左右和高度约束，让它在父视图中有确定的frame，触摸事件能正常传递到内部按钮。
• 用attachToSuperview方法统一管理外部约束，避免了didMoveToSuperview中可能出现的superview为nil的风险，代码更健壮。

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