Swift：同一ViewController中结合SKScene与UIView的可行性及实现方案

完全可以在同一个UIViewController里同时使用SKScene和常规UI元素！我帮你梳理下具体实现步骤和代码组织方式，两种方案都可行，看你偏好哪种：

本质上就是把SKView（SKScene的容器视图）作为子视图添加到你的StatsViewController的主view中，这样它就能和Label、Button、ImageView这些常规UI元素和平共处。你可以通过Frame或者AutoLayout来控制SKView的位置和大小，灵活调整它和其他UI元素的布局关系。

如果你的SKScene逻辑比较简单，这种方式会很方便，不用额外创建文件：

1. 在故事板中创建UIViewController，关联到你的StatsViewController类，拖好所有常规UI元素并设置好约束/位置。
2. 在同一个.swift文件里，直接定义你的SKScene子类，实现重力、精灵逻辑。
3. 在ViewController的viewDidLoad方法中初始化SKView，添加到主view，再加载自定义的SKScene。

示例代码：

import UIKit
import SpriteKit

class StatsViewController: UIViewController {
    // 故事板关联的UI元素
    @IBOutlet weak var statsLabel: UILabel!
    @IBOutlet weak var resetButton: UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 创建并配置SKView
        let skView = SKView(frame: CGRect(x: 20, y: 100, width: view.frame.width - 40, height: 300))
        skView.backgroundColor = .lightGray
        skView.allowsTransparency = true // 若需要背景透明，让下层UI元素可见
        view.addSubview(skView)
        
        // 初始化并展示自定义SKScene
        let scene = StatsSpriteScene(size: skView.bounds.size)
        scene.scaleMode = .resizeFill
        skView.presentScene(scene)
        
        // 给按钮绑定重置精灵的事件
        resetButton.addTarget(self, action: #selector(resetSprite), for: .touchUpInside)
    }
    
    @objc func resetSprite() {
        // 获取当前SKScene并调用重置方法
        if let skView = view.subviews.first(where: { $0 is SKView }) as? SKView,
           let scene = skView.scene as? StatsSpriteScene {
            scene.resetSprite()
        }
    }
}

// 同一个文件内的SKScene子类
class StatsSpriteScene: SKScene {
    private var gravitySprite: SKSpriteNode!
    
    override func didMove(to view: SKView) {
        // 设置重力参数
        physicsWorld.gravity = CGVector(dx: 0, dy: -9.8)
        
        // 创建带物理效果的精灵
        gravitySprite = SKSpriteNode(color: .red, size: CGSize(width: 50, height: 50))
        gravitySprite.position = CGPoint(x: size.width/2, y: size.height/2)
        gravitySprite.physicsBody = SKPhysicsBody(rectangleOf: gravitySprite.size)
        addChild(gravitySprite)
    }
    
    // 重置精灵位置和速度的方法
    func resetSprite() {
        gravitySprite.position = CGPoint(x: size.width/2, y: size.height/2)
        gravitySprite.physicsBody?.velocity = .zero
    }
}

如果你的SKScene逻辑比较复杂（比如有大量精灵交互、物理效果配置），把它单独放在一个文件里会让代码结构更清晰：

1. 新建一个Swift文件（比如命名为StatsSpriteScene.swift），把上面的StatsSpriteScene类代码移到这个文件里。
2. 你的StatsViewController类保持不变，依然在viewDidLoad中初始化SKView并加载这个独立的SKScene即可。

这种方式的好处是代码职责分离，ViewController专注于UI元素的逻辑，SKScene专注于精灵和物理效果的处理，后期维护起来更方便。

• 如果你偏好AutoLayout而非Frame，初始化SKView时记得关闭自动转换约束，然后手动添加约束：

skView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    skView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
    skView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
    skView.topAnchor.constraint(equalTo: statsLabel.bottomAnchor, constant: 20),
    skView.heightAnchor.constraint(equalToConstant: 300)
])

• 如果需要让按钮等UI元素叠加在SKView上方，只要在故事板中将这些UI元素放在SKView的层级上层（或者代码中设置更高的zPosition）即可。

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