Spritekit 和 swiftui，换场景更好的方式答案

【问题标题】：Spritekit and swiftui, change scene a better waySpritekit 和 swiftui，换场景更好的方式
【发布时间】：2021-10-17 09:31:54
【问题描述】：

我编写了这几行简单的代码来使用 SpriteKit 在 Swiftui 中的两个场景之间进行切换，我试图了解是否有一种（更好的）不同方式可以使用按钮从一个场景切换到另一个场景。

struct ContentView: View {
    @StateObject var firstscene = FirstScene()
    @StateObject var secondscene = SecondScene()
    @State var changeScene = false
    var body: some View {
        ZStack{
            
            if changeScene {
                SpriteView(scene: firstscene)
            } else {
                SpriteView(scene: secondscene)
            }
            
            Button {
                changeScene.toggle()
            } label: {
                Text("Change")
            }
        }
    }
}

//使用SKscene的子类创建的2个SKScene


class FirstScene: SKScene, ObservableObject {
    let firstScene = SKScene(fileNamed: "FirstScene")
    override func didMove(to view: SKView) {
        scene?.view?.presentScene(firstScene)
    }
    
}
class SecondScene: SKScene, ObservableObject {
    let secondScene = SKScene(fileNamed: "SecondScene")
    override func didMove(to view: SKView) {
        scene?.view?.presentScene(secondScene)
    }
}

现在我的疑问是，我正在使用 var changeScene 更改 contentView 中的 SpriteView，是否可以使用其他方法以其他方式完成相同的事情？

欢迎任何建议，我正在尝试理解这个框架。

谢谢

【问题讨论】：

标签： swift swiftui sprite-kit scene

【解决方案1】：

您正在使用切换视图的标准方式。你可以像这样清理你的代码：

struct ContentView: View {
    @State var changeScene = false
    var body: some View {
        ZStack{
                SpriteView(scene: (changeScene ? FirstScene() : SecondScene())) // this is a terniary operator 
        
            Button {
                changeScene.toggle()
            } label: {
                Text("Change")
            }
        }
    }
}

新视图不需要是@StateObjects。您可以直接在视图中调用视图类型。

注意：我不在电脑旁，因此未对此进行测试。

【讨论】：

【解决方案2】：

iOS 14、斯威夫特 5

这是经过测试的，来自这篇文章。

https://betterprogramming.pub/build-a-game-of-chess-with-spritekit-3229c23bdba0

导入 SwiftUI 导入 SpriteKit

struct ContentView: View {

@State var switcher = false

var scene: SKScene {
    let scene = GameScene.shared
    scene.size = CGSize(width: 256, height: 512)
    scene.scaleMode = .fill
    scene.backgroundColor = .red
    scene.name = "red"
    return scene
}

var scene2: SKScene {
    let scene2 = GameScene2.shared
    scene2.size = CGSize(width: 256, height: 512)
    scene2.scaleMode = .fill
    scene2.backgroundColor = .blue
    scene2.name = "blue"
    
    return scene2
}

var body: some View {
  if switcher {
    SpriteView(scene: scene)
        .frame(width: 256, height: 512)
        .ignoresSafeArea()
        .background(Color.red)
        .onAppear {
          scene2.isPaused = true
        }
        .onDisappear {
          scene2.isPaused = false
        }
        
  } else {
    SpriteView(scene: scene2)
        .frame(width: 256, height: 512)
        .ignoresSafeArea()
        .background(Color.blue)
        .onAppear {
          scene.isPaused = true
          
        }
        .onDisappear {
          scene.isPaused = false
        }
        
  }
  Button {
    withAnimation(.easeInOut(duration: 1.0)) {
      switcher.toggle()
    }
  } label: {
    Text("play")
  }
  
}
}

【讨论】：