SwiftUI 2：在新窗口中打开视图的方式

Question

假设我有一个应用程序

var storeVM = BookStoreViewModel(bla1: bla1, bla2: bla2, bla3: bla3)

@SceneBuilder var body: some Scene {
    WindowGroup {
        BookStoreView( model: storeVM )
    }
    
    #if os(macOS)
    Settings {
        SettingsView(model: config)
    }   
    #endif
}

BookStore 有一个 Grid，其中有很多书籍保存在一些 DB 中。

BookView 可以通过以下方式启动：

BookView(model: bookViewModel)

目标：在新的分离窗口中打开 BookView（例如单击按钮）。我该怎么做？

---

奖金问题： 如何从代码中打开SettingsView(model: config)？

---

PS：NavigationLink 不是我的解决方案，因为我没有使用 NavigationView。

Answer 1

我找到了这个答案，它对我来说可以打开一个新窗口：https://developer.apple.com/forums/thread/651592?answerId=651132022#651132022

我在 xcode 12.3、Swift 5.3，正在运行 Big Sur。

以下是如何设置的示例，以便可以使用ContentView 中的按钮打开OtherView 窗口。

@main
struct testApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
        WindowGroup("OtherView") {
            OtherView()
        }
        .handlesExternalEvents(matching: Set(arrayLiteral: "*"))
    }
}

struct ContentView: View {
    @Environment(\.openURL) var openURL

    var body: some View {
       Button("Other View") {
           if let url = URL(string: "test://otherview") {
               openURL(url)
           }
       }
    }
}

struct OtherView: View {
    var body: some View {
        Text("Other View!")
    }
}

注意：确保遵循链接答案中包含的 URL 方案说明（为方便起见，此处引用）：

现在在 Project->Info->URL Types 中的 URL Schemes 字段（以及标识符字段）中输入 test 以向系统注册我们的应用程序。

我通过编辑Info.plist 文件并在其中添加内容来实现这一点，即URL types -> URL Schemes...：

Answer 2

尝试以下方法（只是想法 - 无法测试）

class BookViewModel: ObservableObject {} 

class AppState: ObservableObject {
    @Published var selectedBook: BookViewModel?
}

@main
struct SwiftUI2_MacApp: App {
    @StateObject var appState = AppState()

    @SceneBuilder 
    var body: some Scene {
        WindowGroup {         // main scene
            ContentView()
              .environmentObject(appState)   // inject to update
                                             // selected book
        }

        WindowGroup("Book Viewer") { // other scene
            if appState.selectedBook != nil {
                Book(model: appState.selectedBook)
            }
        }
    }
}

Answer 3

我玩过 hillmark 答案中的代码，得到的结果比他的代码更好。

即使这段代码仍然不是答案，这可能对某人有用。

_

如果您需要使用基于 ViewModel 的视图，则此代码通常对您毫无用处。

但如果您只需要使用 View - 这是一个很好的解决方案。

@main
struct TestAppApp: App {
    var body: some Scene {
        WindowGroup {
            MainView()
        }
        // magic here
        .handlesExternalEvents(matching: Set(arrayLiteral: Wnd.mainView.rawValue))
        
        WindowGroup {
            HelperView()
        }
        // magic here
        .handlesExternalEvents(matching: Set(arrayLiteral: Wnd.helperView.rawValue))
    }
}

extension TestAppApp {
    struct MainView: View {
        @Environment(\.openURL) var openURL
        
        var body: some View {
            VStack {
                Button("Open Main View") {
                    // magic here
                    Wnd.mainView.open()
                }
                
                Button("Open Other View") {        
                    // magic here
                    Wnd.helperView.open()
                }
            }
            .padding(150)
        }
    }

    struct HelperView: View {
        var body: some View {
            HStack {
                Text("This is ") + Text("Helper View!").bold()
            }
            .padding(150)
        }
    }
}



// magic here
enum Wnd: String, CaseIterable {
    case mainView   = "MainView"
    case helperView = "OtherView"
    
    func open(){
        if let url = URL(string: "taotao://\(self.rawValue)") {
            print("opening \(self.rawValue)")
            NSWorkspace.shared.open(url)
        }
    }
}

要使用此代码，您需要具备以下条件：