Programmatically create MenuBarExtra elements

Question

bkd OP

Created Aug ’23

Replies 4

Boosts 0

Participants 2

I have the following conceptual code:

import SwiftUI

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

    var body: some Scene {
        WindowGroup {
            ContentView()
        }
        ForEach(appDelegate.menuItems, id:\.self) { menuItemSet in
            MenuBarExtra("Title") {
                MenuBarView(menuItemSet: menuItemSet)
            }
        }
    }

I am attempting to create multiple menu bar items using MenuBarExtra, based upon the content of appDelegate.menuItems. Clearly, my approach does not work as ForEach is supported on Views and not Scenes.

Is there an alternate approach that would allow me to have a variable number of menu bar icons?

Boost

Answer 1

newwbee OP

Aug ’23

Use ForEach inside MenuBarExtra as shown below:

@main
struct SwiftBarApp: App {
    @NSApplicationDelegateAdaptor(AppDelegate.self) var appDelegate
    
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
        MenuBarExtra("Title") {
            ForEach(appDelegate.menuItems, id:\.self) { menuItemSet in
                MenuBarView(menuItemSet: menuItemSet)
            }
        }
    }
}

0

Answer 2

bkd OP

Aug ’23

Here is an example of the outcome I am trying to achieve:

import SwiftUI

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

    var body: some Scene {
        WindowGroup {
            ContentView()
        }
        MenuBarExtra("Title") {
            MenuBarView(menuItemSet: appDelegate.menuItems[0])
        }
        MenuBarExtra("Title") {
            MenuBarView(menuItemSet: appDelegate.menuItems[1])
        }
    }

0

Answer 3

newwbee OP

Aug ’23

MenuBarExtra vs Menu

MenuBarExtra is like adding a mini app that lives on the menu bar

What you are trying to achieve seems similar to what Menu does (https://developer.apple.com/documentation/swiftui/menu)

Menu items could even have keyboard shortcuts.

Pasted below is from Apple's documentation.

Menu("Actions") {
    Button("Duplicate", action: duplicate)
    Button("Rename", action: rename)
    Button("Delete…", action: delete)
    Menu("Copy") {
        Button("Copy", action: copy)
        Button("Copy Formatted", action: copyFormatted)
        Button("Copy Library Path", action: copyPath)
    }
}

0

Answer 4

bkd OP

Aug ’23

Thanks for your responses.

What you have described is not what I am looking for. I want to have multiple instances of MenuBarExtra.

0