iOS Swift自定义按钮无法及时检测Touch Up，求双状态图片切换方案

Hey there! 作为刚从Android转iOS的新手，你遇到的这个按钮状态切换问题太有代表性了——毕竟两个平台的触摸事件逻辑差异不小，我来给你几个实用的解决方案，帮你快速搞定～

UIButton本身就原生支持不同交互状态下的资源切换，对应你说的normal（默认状态）和hover/点击中状态（iOS里叫highlighted），完全不需要自己手动去捕捉触摸事件，步骤超简单：

1. 初始化按钮并设置不同状态的图片：

let customButton = UIButton(type: .custom)
// 设置正常状态的图片
customButton.setImage(UIImage(named: "normal_image"), for: .normal)
// 设置按下（高亮）状态的图片
customButton.setImage(UIImage(named: "highlighted_image"), for: .highlighted)

2. 解决你提到的Touch Up响应延迟问题：
   iOS的UIButton默认有300ms的延迟（用来区分点击和长按手势），只要一行代码就能关闭这个延迟：

customButton.delaysContentTouches = false

如果你的按钮是放在UIScrollView或其子类（比如UITableView）里，还需要给滚动视图加两行配置，确保按钮的触摸事件不会被滚动视图拦截：

scrollView.delaysContentTouches = true
scrollView.canCancelContentTouches = true

这样设置后，按钮按下瞬间就会切换到高亮图片，松开立刻切回正常状态，响应速度和Android按钮完全一致。

如果系统UIButton的默认行为满足不了你的特殊需求（比如需要更复杂的触摸逻辑、自定义动画等），可以自己封装一个UIControl子类，完全掌控触摸事件的触发时机：

class CustomStateButton: UIControl {
    private let imageView = UIImageView()
    private var normalImage: UIImage?
    private var highlightedImage: UIImage?
    
    // 初始化方法，传入两种状态的图片
    init(normalImage: UIImage?, highlightedImage: UIImage?) {
        self.normalImage = normalImage
        self.highlightedImage = highlightedImage
        super.init(frame: .zero)
        setupUI()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupUI()
    }
    
    private func setupUI() {
        // 添加图片视图并设置约束
        addSubview(imageView)
        imageView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            imageView.leadingAnchor.constraint(equalTo: leadingAnchor),
            imageView.trailingAnchor.constraint(equalTo: trailingAnchor),
            imageView.topAnchor.constraint(equalTo: topAnchor),
            imageView.bottomAnchor.constraint(equalTo: bottomAnchor)
        ])
        imageView.image = normalImage
        
        // 监听触摸事件
        addTarget(self, action: #selector(onTouchDown), for: .touchDown)
        addTarget(self, action: #selector(onTouchUp), for: [.touchUpInside, .touchUpOutside, .touchCancel])
    }
    
    // 触摸按下时切换到高亮图片
    @objc private func onTouchDown() {
        imageView.image = highlightedImage
    }
    
    // 触摸结束/取消时切回正常图片，同时触发点击回调
    @objc private func onTouchUp() {
        imageView.image = normalImage
        sendActions(for: .touchUpInside)
    }
}

使用这个自定义按钮也很简单：

let customBtn = CustomStateButton(normalImage: UIImage(named: "normal"), highlightedImage: UIImage(named: "highlighted"))
// 添加点击事件回调
customBtn.addTarget(self, action: #selector(buttonTapped(_:)), for: .touchUpInside)
// 添加到视图
view.addSubview(customBtn)
// 设置布局约束...

这种方式完全没有系统延迟，还能根据需求扩展更多状态（比如disabled状态）。

你提到用ImageView没搞定，是因为ImageView默认不响应触摸事件，就算你开启isUserInteractionEnabled = true，添加的UITapGestureRecognizer也只能识别触摸结束的动作，没法捕捉到触摸按下的瞬间，自然没法实现按下切换图片的效果，所以不推荐用ImageView来做这种交互按钮。

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