如何在SwiftUI中为SpriteKit场景添加手势识别器？

问题原因 #

你遇到的view?.addGestureRecognizer无效、view始终为nil的问题，核心原因是：SwiftUI的SpriteView内部虽基于SKView实现，但并未主动调用SKView.presentScene(_:)方法呈现场景——SKScene的view属性只有在场景被SKView主动呈现后才会被赋值。

两种可行解决方案 #

方案一：用SwiftUI原生手势传递事件给SKScene

这种方式贴合SwiftUI设计逻辑，直接在SwiftUI层面绑定手势，再把事件传递给GameScene处理，无需依赖UIKit手势识别器。

先改造GameScene，添加手势处理方法：

class GameScene: SKScene, ObservableObject {
    // 处理拖拽手势
    func handleDrag(translation: CGSize) {
        // 示例：移动名为player的节点
        if let player = childNode(withName: "player") {
            player.position.x += translation.width
            player.position.y += translation.height
        }
    }
    
    // 处理捏合缩放手势
    func handlePinch(scale: CGFloat) {
        // 示例：缩放整个场景
        self.setScale(self.scale * scale)
    }
}

然后在ContentView中绑定SwiftUI手势：

struct ContentView: View {
    @StateObject private var gameScene = GameScene()
    
    var body: some View {
        SpriteView(scene: gameScene)
            .ignoresSafeArea()
            // 拖拽手势
            .gesture(
                DragGesture()
                    .onChanged { gesture in
                        gameScene.handleDrag(translation: gesture.translation)
                    }
            )
            // 捏合缩放手势
            .gesture(
                MagnificationGesture()
                    .onChanged { scale in
                        gameScene.handlePinch(scale: scale)
                    }
            )
    }
}

方案二：自定义SpriteView包装器，主动呈现场景并添加UIKit手势

如果你更习惯使用UIKit手势识别器（比如需要精细的手势控制），可以自定义UIViewRepresentable获取SKView实例，主动呈现场景后添加手势。

先给GameScene添加UIKit手势处理方法：

class GameScene: SKScene {
    // 处理滑动手势
    @objc func handleSwipe(_ gesture: UISwipeGestureRecognizer) {
        switch gesture.direction {
        case .right:
            print("向右滑动触发")
            // 这里添加你的滑动逻辑
        case .left:
            print("向左滑动触发")
        default: break
        }
    }
    
    // 处理捏合手势
    @objc func handlePinch(_ gesture: UIPinchGestureRecognizer) {
        guard gesture.state == .changed else { return }
        self.setScale(self.scale * gesture.scale)
        gesture.scale = 1.0 // 重置缩放比例，避免累积
    }
}

然后自定义SpriteView包装器：

struct CustomSpriteView: UIViewRepresentable {
    let scene: GameScene
    
    func makeUIView(context: Context) -> SKView {
        let skView = SKView()
        // 主动调用presentScene，让scene的view属性被正确赋值
        skView.presentScene(scene)
        
        // 添加滑动手势
        let swipeRight = UISwipeGestureRecognizer(target: scene, action: #selector(scene.handleSwipe(_:)))
        swipeRight.direction = .right
        skView.addGestureRecognizer(swipeRight)
        
        // 添加捏合手势
        let pinchGesture = UIPinchGestureRecognizer(target: scene, action: #selector(scene.handlePinch(_:)))
        skView.addGestureRecognizer(pinchGesture)
        
        return skView
    }
    
    func updateUIView(_ uiView: SKView, context: Context) {}
}

最后在ContentView中使用自定义包装器：

struct ContentView: View {
    var body: some View {
        CustomSpriteView(scene: GameScene())
            .ignoresSafeArea()
    }
}

方案选择 #

• 方案一更适合SwiftUI主导的项目，利用SwiftUI原生手势系统，数据流更清晰；
• 方案二更贴近传统SpriteKit开发模式，适合需要使用UIKit手势高级特性的场景。

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