如何在SwiftUI中隐藏、禁用或设置MenuBarExtra不可点击？

针对你的需求，下面分场景给出具体实现方案：

1. 完全隐藏MenuBarExtra（无点击区域） #

直接使用MenuBarExtra的isPresented绑定属性控制整个组件的显示/隐藏，这是最彻底的方式，隐藏后不会留下任何可点击区域：

@main
struct UtilityApp: App {
    @State private var showMenuBarExtra = true // 控制显示状态

    var body: some Scene {
        MenuBarExtra(isPresented: $showMenuBarExtra) {
            Button("One") {}
            Button("Two") {}
            Button("Three") {}
        } label: {
            Image(systemName: "repeat.circle.fill")
                .bold()
                .font(.largeTitle)
        }

        // 可添加测试按钮切换状态
        WindowGroup {
            Button(showMenuBarExtra ? "隐藏菜单栏图标" : "显示菜单栏图标") {
                showMenuBarExtra.toggle()
            }
        }
    }
}

当showMenuBarExtra设为false时，菜单栏图标会完全消失，无任何可点击区域。

2. 禁用MenuBarExtra（不可点击+图标灰化） #

如果需要保留图标但禁止用户点击，可通过禁止交互+视觉灰化实现：

@main
struct UtilityApp: App {
    @State private var isMenuBarDisabled = false // 控制禁用状态

    var body: some Scene {
        MenuBarExtra {
            Button("One") {}
            Button("Two") {}
            Button("Three") {}
        } label: {
            Image(systemName: "repeat.circle.fill")
                .bold()
                .font(.largeTitle)
                .opacity(isMenuBarDisabled ? 0.4 : 1) // 灰化图标，提示不可用
                .allowsHitTesting(!isMenuBarDisabled) // 禁用点击交互
        }

        // 可添加测试按钮切换禁用状态
        WindowGroup {
            Button(isMenuBarDisabled ? "启用菜单栏图标" : "禁用菜单栏图标") {
                isMenuBarDisabled.toggle()
            }
        }
    }
}

• opacity：降低图标透明度，从视觉上提示用户该元素不可操作
• allowsHitTesting(false)：让图标区域不响应任何点击事件，点击后不会弹出菜单

3. 额外需求：仅禁用菜单内的所有按钮 #

若只需禁用菜单选项、保留图标可点击弹出菜单，可给菜单内按钮添加disabled修饰符：

@main
struct UtilityApp: App {
    @State private var isMenuDisabled = true

    var body: some Scene {
        MenuBarExtra {
            Button("One") {}
                .disabled(isMenuDisabled)
            Button("Two") {}
                .disabled(isMenuDisabled)
            Button("Three") {}
                .disabled(isMenuDisabled)
        } label: {
            Image(systemName: "repeat.circle.fill")
                .bold()
                .font(.largeTitle)
        }
    }
}

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