如何在 macOS 13 中处理 MenuBarExtra 的生命周期事件 SwiftUI

Question

我正在尝试使用新的 MenuBarExtra 在 Swift UI 中创建一个额外的简单菜单栏。 我希望弹出窗口中的按钮文本在每次打开菜单时动态更新。

我正在像这样创建 MenuBarExtra。

        MenuBarExtra("Example menu title") {
            Button("Item 1") {
              
            }
            
            Button("Item 2") {
              
            }
            
            Button("Item 3") {
              
            }
        }

我希望每次打开菜单时更改按钮文本（即项目 1）。 我本以为每次打开菜单时都会触发 onAppear，但它只会在第一次触发。 弹出窗口初始打开后，没有明确的方法来检测菜单关闭或打开事件。

我尝试使用各种事件处理回调来检测弹出窗口的打开。 OnAppear 用于检测视图的初始创建，而 onDisappear 从未被调用。

    MenuBarExtra("Example menu title") {
        VStack {
            Button("Item 1") {
                
            }
            
            Button("Item 2") {
                
            }
            
            Button("Item 3") {
                
            }
        }.onAppear() {
            print("This only prints the very first time the menu is opened")
        }
    }

Answer 1

根据Apple 的 Docs ， MenuBarExtra符合Scene - 这意味着每次 MenuBarExtra 进入前景或背景时，您都可以使用ScenePhase的Environment变量来调用某些东西。 文章来源： https://www.hackingwithswift.com/quick-start/swiftui/how-to-detect-when-your-app-moves-to-the-background-or-foreground-with-scenephase 。 用法示例：

@main
struct AppWithMenuBarExtra: App {
@Environment(\.scenePhase) var scenePhase // <-- HERE! This will give you the values

    var body: some Scene {
        WindowGroup {
            ContentView()
        }
        MenuBarExtra(
            "App Menu Bar Extra", systemImage: "star")
        {
            StatusMenu()
.onChange(of: scenePhase) { newPhase in //<-- HERE TOO! This modifier allows you to detect change of scene.
                if newPhase == .inactive {
                    //Code for moved to inactive
                    print("Moved to inactive")
                } else if newPhase == .active {
                    //Code for moved to foreground
                    print("Moved to foreground - now active")
                    //This is where you would want to change your text
                } else if newPhase == .background {
                    //Code for moved to background
                    print("Moved to background")
                }
            }
        }
    }
}