How do I hide default CommandMenu in SwiftUI on macOS?

user_3928263 0
Viewed 1028

I'm (attempting) switching over my AppDelegate macOS app to the SwiftUI lifecycle - but can't seem to find out how to handle the CommandMenu. I just want to delete these default menu items (Fie, Edit, View, etc...). In the past, I would just delete them from the Storyboard - but I'm not using a storyboard here. Is there a way to delete these items in SwiftUI?

The items I want to delete:

The items I want to delete

I know how to add new items via:

.commands {
  MyAppMenus()
}

But that just adds them inline with the existing menu items.

macos-big-sur swiftui
4 Answers

swiftUI -- override AppDelegate with your custom:

@main
struct PixieApp: App {
    @NSApplicationDelegateAdaptor(AppDelegate.self) var appDelegate
///........
}

code of appDelegate:

final class AppDelegate: NSObject, NSApplicationDelegate {
    func applicationWillUpdate(_ notification: Notification) {
        if let menu = NSApplication.shared.mainMenu {
            menu.items.removeFirst{ $0.title == "Edit" }
            menu.items.removeFirst{ $0.title == "File" }
            menu.items.removeFirst{ $0.title == "Window" }
            menu.items.removeFirst{ $0.title == "View" }
        }
    }
}

result:

enter image description here

user_44235450

Until SwiftUI adds more support for adjusting menus, I think you have to worry about SwiftUI reseting the NSApp.mainMenu whenever it updates a window.body. I haven't tried every method for adjusting the mainMenu, but of the methods I tried, the flaw was that SwiftUI seems to have no check for whether it last set NSApp.mainMenu or if something else did.

So however you are managing the menu, update it after SwiftUI has.

Use KVO and watch the NSApp for changes on .mainMenu. Then make your changes with a xib, or reseting the whole thing, or editing SwiftUI's menus.

Example:

@objc
class AppDelegate: NSObject, NSApplicationDelegate {
    
    var token: NSKeyValueObservation?
    
    func applicationDidFinishLaunching(_ notification: Notification) {
        
        // Adjust a menu initially
        if let m = NSApp.mainMenu?.item(withTitle: "Edit") {
            NSApp.mainMenu?.removeItem(m)
        }

        // Must refresh after every time SwiftUI re adds
        token = NSApp.observe(\.mainMenu, options: .new) { (app, change) in
            // Refresh your changes
            guard let menu = app.mainMenu?.item(withTitle: "Edit") else { return }
            app.mainMenu?.removeItem(menu)
        }
    }
}

struct MarblesApp: App {
    @NSApplicationDelegateAdaptor(AppDelegate.self) var appDelegate

    var body: some View { 
        //... 
    }
}

This seems to work in Xcode 13.4.1 with Swift 5 targeting macOS 12.3.

Hopefully Apple adds greater control soon. It seems Catalyst has other options. Or you can create a traditional AppKit app and insert the SwiftUI views into it.

user_12528950

You can remove command menu items through the AppDelegate file:

override func buildMenu(with builder: UIMenuBuilder) {
    super.buildMenu(with: builder)
    builder.remove(menu: .services)
    builder.remove(menu: .format)
    builder.remove(menu: .toolbar)
}

This thread on the Apple Developer forum might help as well: https://developer.apple.com/forums/thread/649096

user_135028350 
CommandGroup(replacing: CommandGroupPlacement.appVisibility, addition: {})
user_157810960
Related