时间戳

首页 > 解决方案 > 使用 SwiftUI 创建 macOS 无窗口菜单栏应用程序

swift - 使用 SwiftUI 创建 macOS 无窗口菜单栏应用程序

问题描述

我正在寻找一种使用 SwiftUI 创建 macOS 无窗口菜单栏应用程序的解决方案。

我已经实现了与菜单栏相关的功能，问题是删除主窗口并从扩展坞中删除应用程序。

我试图设置Application is agent (UIElement)为YESin，Info.plist但它只会在窗口仍然存在时从 Dock 中隐藏应用程序。

而且我试图修改@main，但它也不起作用。

有没有办法做到这一点？非常感谢！

我的代码：

import SwiftUI

@main
struct DiskHealthApp: App {
    @NSApplicationDelegateAdaptor(AppDelegate.self) var delegate
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

class AppDelegate: NSObject, NSApplicationDelegate {
    var statusItem: NSStatusItem?
    var popOver = NSPopover()
    func applicationDidFinishLaunching(_ notification: Notification) {
        let menuView = ContentView()
        
        popOver.behavior = .transient
        popOver.animates = true
        
        popOver.contentViewController = NSViewController()
        popOver.contentViewController?.view = NSHostingView(rootView: menuView)
        
        statusItem = NSStatusBar.system.statusItem(withLength: NSStatusItem.variableLength)
        
        if let menuButton = statusItem?.button {
            menuButton.image = NSImage(systemSymbolName: "externaldrive", accessibilityDescription: nil)
            menuButton.action = #selector(menuButtonToggle)
        }
    }
    
    @objc func menuButtonToggle() {
        if let menuButton = statusItem?.button {
            self.popOver.show(relativeTo: menuButton.bounds, of: menuButton, preferredEdge: NSRectEdge.minY)
        }
    }
}

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Hello, world!")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

标签： swiftxcodemacosswiftuimacos-big-sur

解决方案

仅设置Application is agent (UIElement)toYES是不够的。您还必须AppDelegate通过添加以下内容来更改您的，

  1. 一种NSPopover
  2. 添加一个NSStatusItem

进入你AppDelegate的工作

如何制作 NSPopover？

  1. 转到您的应用委托。（如果您没有AppDelegate. 创建一个AppDelegate类并将其委托给您的应用程序的起点，该起点将使用 . 进行注释@main。添加AppDelegate如下）
@main
struct SomeApp: App {
    @UIApplicationDelegateAdaptor(AppDelegate.self) var delegate
}
  1. 这样做之后，您可以开始制作您的 Menubar 应用程序，方法是将您更改Appdelegate为表示以下内容
class AppDelegate: NSObject, NSApplicationDelegate {

    // popover
    var popover: NSPopover!
    
    func applicationDidFinishLaunching(_ aNotification: Notification) {
        // Create the SwiftUI view (i.e. the content).
        let contentView = ContentView()

        // Create the popover and sets ContentView as the rootView
        let popover = NSPopover()
        popover.contentSize = NSSize(width: 400, height: 500)
        popover.behavior = .transient
        popover.contentViewController = NSHostingController(rootView: contentView)
        self.popover = popover
        
        // Create the status bar item
        self.statusBarItem = NSStatusBar.system.statusItem(withLength: CGFloat(NSStatusItem.variableLength))
        
        if let button = self.statusBarItem.button {
            button.image = NSImage(named: "Icon")
            button.action = #selector(togglePopover(_:))
        }
    }
    
    // Toggles popover
    @objc func togglePopover(_ sender: AnyObject?) {
        if let button = self.statusBarItem.button {
            if self.popover.isShown {
                self.popover.performClose(sender)
            } else {
                self.popover.show(relativeTo: button.bounds, of: button, preferredEdge: NSRectEdge.minY)
            }
        }
    }
    
}
  1. 这样做之后，您应该/可以设置Application is agent(UIElement)为YES

最后一步

本节将分为 2 个部分，即4.1和4.2

  • 4.1适用于那些使用AppDelegate生命周期来初始化他们的项目的人
  • 4.2SwiftUI适用于使用生命周期创建项目的人。
4.1 - AppDelegate 生命周期

转到您的Main.storyboard并删除Window Controller scene 如果您有Main.storyboard. 这应该摆脱NSWindow弹出的。

在此处输入图像描述 （图片来源）

4.2 - SwiftUI 生命周期

在这里，由于您没有Storyboard删除场景的文件，此时您的应用程序将使用NSWindowand启动NSPopover。要删除NSWindow打开的，请转到注释为的应用程序起点@main，并对代码进行以下更改

@main
struct SomeApp: App {
    // Linking a created AppDelegate
    @NSApplicationDelegateAdaptor(AppDelegate.self) var delegate
    var body: some Scene {
        // IMPORTANT
        Settings {
            AnyView()
        }
    }
}

有关更多信息，请参阅这篇文章

推荐阅读