How do I add a menu bar command in SwiftUI
Generated on 7/29/2024
1 search
This post is brought to you by Tailscan,
the best devtool for Tailwind CSS.
To add a menu bar command in SwiftUI, you can use the new NSHostingMenu class introduced in macOS Sequoia. This allows you to define your menu using SwiftUI views and integrate it seamlessly with AppKit contexts. Here’s a step-by-step guide:
-
Create your menu definition using a SwiftUI view:
- Use SwiftUI views like
Toggle,Picker, andButtonto define the menu items.
- Use SwiftUI views like
-
Initialize an
NSHostingMenuwith the SwiftUI view:- This new
NSMenusubclass allows you to use SwiftUI menus in AppKit contexts.
- This new
-
Use the
NSHostingMenuin any AppKit context that accepts anNSMenu:- For example, you can use it with the new
NSPopupButtoninitializer that accepts a pull-down menu parameter.
- For example, you can use it with the new
Here is a code snippet to illustrate this:
import SwiftUI
import AppKit
struct MyMenuView: View {
@State private var isToggled: Bool = false
var body: some View {
VStack {
Toggle("Toggle Option", isOn: $isToggled)
Picker("Select Option", selection: $isToggled) {
Text("Option 1").tag(true)
Text("Option 2").tag(false)
}
Button("Perform Action") {
// Action code here
}
}
}
}
let menu = NSHostingMenu(rootView: MyMenuView())
let menuItem = NSMenuItem()
menuItem.submenu = menu
NSApp.mainMenu?.addItem(menuItem)
For more details, you can refer to the session What’s new in AppKit at the 06:41 mark.
Work with windows in SwiftUI
Learn how to create great single and multi-window apps in visionOS, macOS, and iPadOS. Discover tools that let you programmatically open and close windows, adjust position and size, and even replace one window with another. We’ll also explore design principles for windows that help people use your app within their workflows.
What’s new in AppKit
Discover the latest advances in Mac app development. Get an overview of the new features in macOS Sequoia, and how to adopt them in your app. Explore new ways to integrate your existing code with SwiftUI. Learn about the improvements made to numerous AppKit controls, like toolbars, menus, text input, and more.
SwiftUI essentials
Join us on a tour of SwiftUI, Apple’s declarative user interface framework. Learn essential concepts for building apps in SwiftUI, like views, state variables, and layout. Discover the breadth of APIs for building fully featured experiences and crafting unique custom components. Whether you’re brand new to SwiftUI or an experienced developer, you’ll learn how to take advantage of what SwiftUI has to offer when building great apps.
What’s new in UIKit
Explore everything new in UIKit, including tab and document launch experiences, transitions, and text and input changes. We’ll also discuss better-than-ever interoperability between UIKit and SwiftUI animations and gestures, as well as general improvements throughout UIKit.
Migrate your TVML app to SwiftUI
SwiftUI helps you build great apps on all Apple platforms and is the preferred toolkit for bringing your content into the living room with tvOS 18. Learn how to use SwiftUI to create familiar layouts and controls from TVMLKit, and get tips and best practices.
What’s new in SwiftUI
Learn how you can use SwiftUI to build great apps for any Apple platform. Explore a fresh new look and feel for tabs and documents on iPadOS. Improve your window management with new windowing APIs, and gain more control over immersive spaces and volumes in your visionOS apps. We’ll also take you through other exciting refinements that help you make expressive charts, customize and layout text, and so much more.
Get started with Writing Tools
Learn how Writing Tools help users proofread, rewrite, and transform text in your app. Get the details on how Writing Tools interact with your app so users can refine what they have written in any text view. Understand how text is retrieved and processed, and how to support Writing Tools in custom text views.