Swift中UIButton上移动画后无法点击的问题排查

兄弟，你遇到的这个问题我之前做登录界面时也踩过坑！核心原因是**CGAffineTransform只是改变了按钮的视觉位置，并没有真正修改它的交互区域（也就是frame）**——系统判断点击是否有效的时候，还是看原来的frame范围，所以你点现在按钮显示的位置，其实不在它的交互范围内，自然没反应；移回原位置后，视觉和交互区域重合了，就又能点了。

下面给你几个靠谱的解决方案，按推荐程度排序：

方案1：用Auto Layout约束动画（最推荐，符合现代iOS开发规范） #

放弃用transform做位移，改用约束动画，这样按钮的frame会真正跟着视觉位置变化，交互区域自然就对应上了。

步骤如下：

1. 给你的loginButton添加一个顶部约束的引用（代码创建约束时保存，或者Storyboard拖线）：

   // 代码里保存顶部约束引用
   var loginButtonTopConstraint: NSLayoutConstraint!
   

2. 在setupInputFields里创建约束时，把顶部约束存起来：

   fileprivate func setupInputFields() {
       let stackView = UIStackView(arrangedSubviews: [signupButton, loginButton])
       stackView.axis = .vertical
       stackView.spacing = 10
       stackView.distribution = .fillEqually
       view.addSubview(stackView)
       
       // 替换原anchor方法，手动创建并保存顶部约束
       loginButtonTopConstraint = loginButton.topAnchor.constraint(equalTo: introTextLabel.bottomAnchor, constant: 78)
       NSLayoutConstraint.activate([
           loginButtonTopConstraint,
           loginButton.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 30),
           loginButton.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -30),
           loginButton.heightAnchor.constraint(equalToConstant: 55)
       ])
   }
   

3. 在动画方法里修改约束值，触发布局更新：

   @objc func handleLoginshow() {
       // 修改位移相关的约束值
       loginButtonTopConstraint.constant -= 70
       // 其他需要位移的UI元素也同理修改约束...
       
       // 执行动画
       UIView.animate(withDuration: 0.5, delay: 0.15, usingSpringWithDamping: 0.7, initialSpringVelocity: 0.4, options: .curveEaseOut) {
           self.view.layoutIfNeeded() // 关键：触发约束驱动的动画
           // 在这里修改按钮的标题、颜色等属性
           self.loginButton.setTitle("Login", for: .normal)
           self.loginButton.setTitleColor(UIColor.rgb(red: 255, green: 255, blue: 255), for: .normal) // 注意：RGB值范围是0-255，你之前写的256会被系统自动修正为255
           self.loginButton.backgroundColor = UIColor.rgb(red: 18, green: 211, blue: 99)
           // ...其他UI属性修改
       }
   }
   

方案2：自定义按钮，让交互区域跟着transform走 #

如果你一定要用transform做动画，可以自定义一个UIButton子类，重写点击检测方法，让交互区域跟着视觉位置变化：

class TransformableButton: UIButton {
    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        // 将点击点转换到按钮坐标系，判断是否在transform后的范围内
        let transformedPoint = superview?.convert(point, to: self) ?? point
        let transformedBounds = bounds.applying(transform)
        return transformedBounds.contains(transformedPoint) ? self : super.hitTest(point, with: event)
    }
    
    override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
        let transformedBounds = bounds.applying(transform)
        return transformedBounds.contains(point)
    }
}

然后把你的loginButton改成这个子类：

let loginButton: TransformableButton = {
    let button = TransformableButton(type: .system)
    // ...原来的按钮配置代码
}()

额外优化：避免重复绑定Target #

你现在的代码里每次点击loginButton都会调用addTarget，这样会导致多次绑定，点击一次可能触发多次handleLogin。建议用状态变量区分按钮功能，初始化时只绑定一次Target：

// 添加状态变量，标记当前按钮类型
var isInLoginMode = false

let loginButton: UIButton = {
    let button = UIButton(type: .system)
    button.setTitle("I already have an account ;)", for: .normal)
    // ...其他配置
    // 初始化时只绑定一次Target
    button.addTarget(self, action: #selector(handleButtonTap), for: .touchUpInside)
    return button
}()

@objc func handleButtonTap() {
    if !isInLoginMode {
        // 切换到登录模式的逻辑和动画
        isInLoginMode = true
        handleLoginshow()
    } else {
        // 执行登录逻辑
        handleLogin()
    }
}

// 修改handleLoginshow为仅处理动画逻辑
@objc func handleLoginshow() {
    // ...这里放所有动画代码，无需再addTarget
}

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