SwiftUI macOS 命令菜单栏和视图

问题描述

嗨，我开始学习 SwiftUI 和 macOS 开发。我正在使用 SwiftUI 生命周期。如何从菜单栏中的聚焦窗口调用函数。

除了 Apple 文档之外，我还找到了 this reference 并且能够使用命令创建菜单项，但我不知道如何从我的视图中调用函数。

例如：

假设这是我的应用程序结构：

import SwiftUI

@main
struct ExampleApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }.commands {
        CommandMenu("First menu") {
            Button("Action!") {
                // How do I call the views action function?
            }
        }
    }
}

这是我的观点：

struct ContentView: View {
    public func action() {
        print("It works")
    }
    var body: some View {
        Text("Example")
    }
}

如果有任何错别字，抱歉我只是输入了示例代码，但我希望你能理解。

解决方法

因为 SwiftUI 中的 View 是瞬态的，所以您不能持有对 ContentView 的特定实例的引用来调用其上的函数。不过，您可以做的是更改传递给内容视图的部分状态。

例如：

@main
struct ExampleApp: App {
    @StateObject var appState = AppState()
    
    var body: some Scene {
        WindowGroup {
            ContentView(appState: appState)
                .frame(maxWidth: .infinity,maxHeight: .infinity)
        }.commands {
            CommandMenu("First menu") {
                Button("Action!") {
                    appState.textToDisplay = "\(Date())"
                }
            }
        }
    }
}

class AppState : ObservableObject {
    @Published var textToDisplay = "(not clicked yet)"
}

struct ContentView: View {
    @ObservedObject var appState : AppState
    
    var body: some View {
        Text(appState.textToDisplay)
    }
}

请注意 .commands 修饰符位于 WindowGroup { }

在此示例中，AppState 是一个 ObservableObject，用于保存应用程序的某些状态。它使用参数传递给 ContentView。您也可以通过环境对象 (https://www.hackingwithswift.com/quick-start/swiftui/how-to-use-environmentobject-to-share-data-between-views)

传递它

单击菜单项时，它会设置 textToDisplay，这是 @Published 上的 AppState 属性。 ContentView 将在 AppState 的 @Published 属性更新时更新。

这是您将使用的模式的总体思路。如果您有此模式未涵盖的用例，请在评论中告诉我。

更新，根据您的评论：

import SwiftUI
import Combine

@main
struct ExampleApp: App {
    @StateObject var appState = AppState()
    
    var body: some Scene {
        WindowGroup {
            ContentView(appState: appState)
                .frame(maxWidth: .infinity,maxHeight: .infinity)
        }.commands {
            CommandMenu("First menu") {
                Button("Action!") {
                    appState.textToDisplay = "\(Date())"
                }
                Button("Change background color") {
                    appState.contentBackgroundColor = Color.green
                }
                Button("Toggle view") {
                    appState.viewShown.toggle()
                }
                Button("CustomCopy") {
                    appState.customCopy.send()
                }
            }
        }
    }
}

class AppState : ObservableObject {
    @Published var textToDisplay = "(not clicked yet)"
    @Published var contentBackgroundColor = Color.clear
    @Published var viewShown = true
    
    var customCopy = PassthroughSubject<Void,Never>()
}

class ViewModel : ObservableObject {
    @Published var text = "The text I have here"
    var cancellable : AnyCancellable?

    func connect(withAppState appState: AppState) {
        cancellable = appState.customCopy.sink(receiveValue: { _ in
            print("Do custom copy based on my state: \(self.text) or call a function")
        })
    }
}

struct ContentView: View {
    @ObservedObject var appState : AppState
    @State var text = "The text I have here"
    @StateObject private var viewModel = ViewModel()
    
    var body: some View {
        VStack {
            Text(appState.textToDisplay)
                .background(appState.contentBackgroundColor)
            if appState.viewShown {
                Text("Shown?")
            }
        }
        .onReceive(appState.$textToDisplay) { (newText) in
            print("Got new text: \(newText)")
        }
        .onAppear {
            viewModel.connect(withAppState: appState)
        }
    }
}

在我的更新中，您可以看到我已经解决了背景颜色、显示隐藏视图，甚至在 @Published 属性之一发生更改时收到通知（通过 onReceive）的问题。

您还可以看到我如何使用自定义发布者 (customCopy) 将操作传递给 ContentView 的 ViewModel