如何在SpriteKit游戏中添加常规UIButton？

嘿，我完全懂你的困扰——用touchesBegan加SpriteNode做菜单确实简单，但那种“一碰就触发”的逻辑在很多场景下太反直觉了，用户很容易误触。下面给你两种解决方案，你可以根据自己的需求选：

方法一：直接在SpriteKit中添加UIButton #

UIButton本身是UIKit控件，虽然SpriteKit用的是SKView，但你完全可以把UIButton直接加到SKView上，这样就能利用它原生的“手指离开才触发、移开可取消”的逻辑。

具体步骤很简单，在你的SKScene的didMove(to view:)方法里创建并添加按钮：

override func didMove(to view: SKView) {
    // 创建UIButton
    let menuButton = UIButton(type: .system)
    menuButton.setTitle("开始游戏", for: .normal)
    // 设置按钮位置（注意：UIKit的坐标原点在左上角，SpriteKit的在左下角，所以要转换）
    let buttonFrame = CGRect(x: view.bounds.midX - 75, y: view.bounds.midY - 25, width: 150, height: 50)
    menuButton.frame = buttonFrame
    // 添加点击事件
    menuButton.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
    // 把按钮加到SKView上
    view.addSubview(menuButton)
}

@objc func buttonTapped() {
    // 这里写按钮触发后的逻辑
    print("开始游戏按钮被点击！")
}

⚠️ 注意点：

• UIKit的坐标系统和SpriteKit不一样，设置frame的时候要注意转换，比如如果你的场景是全屏的，用view的bounds来计算位置就没问题
• 如果场景切换（比如从菜单场景切到游戏场景），记得在willMove(from view:)里把按钮移除，避免内存泄漏：

override func willMove(from view: SKView) {
    view.subviews.forEach { $0.removeFromSuperview() }
}

这种方法的优点是完全不用自己处理触摸逻辑，UIButton自带高亮、禁用等状态，样式也能快速调整；缺点是UIButton是UIKit控件，和SpriteKit的节点不在同一个渲染层级，比如如果你的SpriteKit场景有粒子效果或者动画，可能会覆盖在按钮上面，这时候需要调整按钮的zPosition或者SKView的渲染顺序。

方法二：自定义SpriteNode模拟UIButton行为 #

如果不想引入UIKit控件，想完全用SpriteKit的节点来实现，那可以自定义一个ButtonNode，自己处理触摸事件，模拟UIButton的逻辑。

示例代码如下：

import SpriteKit

class ButtonNode: SKSpriteNode {
    // 定义点击回调
    var tapHandler: (() -> Void)?
    
    override init(texture: SKTexture?, color: UIColor, size: CGSize) {
        super.init(texture: texture, color: color, size: size)
        // 开启用户交互
        isUserInteractionEnabled = true
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        isUserInteractionEnabled = true
    }
    
    // 记录是否开始触摸这个按钮
    private var isTouching = false
    
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        guard let touch = touches.first else { return }
        let touchLocation = touch.location(in: parent)
        // 判断触摸点是否在按钮范围内
        if contains(touchLocation) {
            isTouching = true
            // 可以加个高亮效果，比如缩小一点
            run(SKAction.scale(to: 0.95, duration: 0.1))
        }
    }
    
    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
        guard let touch = touches.first else { return }
        let touchLocation = touch.location(in: parent)
        if contains(touchLocation) {
            if !isTouching {
                isTouching = true
                run(SKAction.scale(to: 0.95, duration: 0.1))
            }
        } else {
            if isTouching {
                isTouching = false
                // 移开手指，恢复原大小
                run(SKAction.scale(to: 1.0, duration: 0.1))
            }
        }
    }
    
    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        defer {
            isTouching = false
            // 恢复原大小
            run(SKAction.scale(to: 1.0, duration: 0.1))
        }
        
        guard let touch = touches.first else { return }
        let touchLocation = touch.location(in: parent)
        // 只有当手指离开时还在按钮范围内，才触发回调
        if contains(touchLocation) {
            tapHandler?()
        }
    }
    
    override func touchesCancelled(_ touches: Set<UITouch>, with event: UIEvent?) {
        isTouching = false
        run(SKAction.scale(to: 1.0, duration: 0.1))
    }
}

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

override func didMove(to view: SKView) {
    // 创建自定义按钮
    let playButton = ButtonNode(color: .blue, size: CGSize(width: 150, height: 50))
    playButton.position = CGPoint(x: frame.midX, y: frame.midY)
    // 添加文字
    let buttonLabel = SKLabelNode(text: "开始游戏")
    buttonLabel.fontColor = .white
    buttonLabel.fontSize = 18
    playButton.addChild(buttonLabel)
    // 设置点击回调
    playButton.tapHandler = {
        print("开始游戏按钮被点击！")
        // 这里写你的逻辑
    }
    addChild(playButton)
}

这种方法的优点是完全融入SpriteKit的场景，和其他节点的交互、动画更顺畅，坐标系统也不用转换；缺点是需要自己处理按钮的状态（比如高亮、禁用），但代码封装好之后复用也很方便。

你可以根据自己的项目需求选择哪种方法——如果只是简单的菜单按钮，直接用UIButton更快；如果需要和SpriteKit的其他元素深度互动，自定义ButtonNode会更灵活。

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