Scene Commands, how to create a submenus???

Question

Created Jun ’20

Replies 4

Boosts 0

Views 1.9k

Participants 3

The scene Commands are great way to create a main menu Like Project between the standard view || window menu on macOS,

Is there a way to construct submenus?

Currently the commands are listed in a main menu however is it possible to append a menu item that has its own submenu in SwiftUI?

Answered by Frameworks Engineer in 616215022

You can create submenus using the Menu type (née MenuButton). This also works in other menu types, like context menus and pop-up buttons.

Code Block @main
struct TestApp: App {
    var body: some Scene {
        WindowGroup {
            Text("Hello, SwiftUI!").padding()
        }
        .commands {
            CommandMenu("Example") {
                Button("Menu Item", action: ...)
                Divider()
                Menu("Submenu") {
                    Button("Menu Item", action: ...)
                }
            }
        }
    }
}

FYI, there are some known issues that prevent state changes from updating menu bar menus as expected, which more or less prevents sharing state between your main menu and your windows. This will be addressed in a future seed.

Boost

Answer 1

Frameworks Engineer OP

Apple

Jun ’20

Accepted Answer

You can create submenus using the Menu type (née MenuButton). This also works in other menu types, like context menus and pop-up buttons.

Code Block @main
struct TestApp: App {
    var body: some Scene {
        WindowGroup {
            Text("Hello, SwiftUI!").padding()
        }
        .commands {
            CommandMenu("Example") {
                Button("Menu Item", action: ...)
                Divider()
                Menu("Submenu") {
                    Button("Menu Item", action: ...)
                }
            }
        }
    }
}

FYI, there are some known issues that prevent state changes from updating menu bar menus as expected, which more or less prevents sharing state between your main menu and your windows. This will be addressed in a future seed.

3

Answer 2

jendakub OP

Jun ’20

Great, thank you !!!

0

Answer 3

wavid OP

Jun ’20

Is there any way to add (or change) the state of the menu buttons to show a checkmark next to a menu item? (Basically the equivalent to NSMenuItem's state property in AppKit.)

0

Answer 4

Frameworks Engineer OP

Apple

Jun ’20

To @wavid—probably best to create submit separate posts for follow-up questions, but: you can use a Toggle instead of Button if you want a menu item with a checkmark. And you can (in theory—might be buggy and broken right now) use NavigationLink to open a view in a new window on macOS.

2