Как добавить панель инструментов в приложение MacOS с помощью SwiftUI?

Question

Я пытаюсь добавить панель инструментов внутри строки заголовка в приложение MacOS, используя SwiftUI, что-то похожее на то, что показано ниже.

Я не могу найти способ добиться этого с помощью SwiftUI. В настоящее время у меня есть панель инструментов (в которой только текстовое поле), но я хочу переместить ее в строку заголовка.

Мой текущий код:

struct TestView: View {
    var body: some View {
        VStack {
            TextField("Placeholder", text: .constant("")).padding()
            Spacer()
        }
    }
}

Итак, в моем случае мне нужно иметь текстовое поле внутри панели инструментов.

Answer 1

Подход 1:

Это делается путем добавления аксессуара для заголовка. Я смог сделать это, изменив файл AppDelegate.swift. Мне пришлось применить некоторые странные отступы, чтобы все выглядело правильно.

AppDelegate.swift

func applicationDidFinishLaunching(_ aNotification: Notification) {
        // Create the SwiftUI view that provides the window contents.
        let contentView = ContentView()

        // Create the titlebar accessory
        let titlebarAccessoryView = TitlebarAccessory().padding([.top, .leading, .trailing], 16.0).padding(.bottom,-8.0).edgesIgnoringSafeArea(.top)

        let accessoryHostingView = NSHostingView(rootView:titlebarAccessoryView)
        accessoryHostingView.frame.size = accessoryHostingView.fittingSize

        let titlebarAccessory = NSTitlebarAccessoryViewController()
        titlebarAccessory.view = accessoryHostingView       

        // Create the window and set the content view. 
        window = NSWindow(
            contentRect: NSRect(x: 0, y: 0, width: 480, height: 300),
            styleMask: [.titled, .closable, .miniaturizable, .resizable, .fullSizeContentView],
            backing: .buffered, defer: false)
        window.center()
        window.setFrameAutosaveName("Main Window")

        // Add the titlebar accessory
        window.addTitlebarAccessoryViewController(titlebarAccessory)

        window.contentView = NSHostingView(rootView: contentView)
        window.makeKeyAndOrderFront(nil)
    }

TitlebarAccessory.swift

import SwiftUI

struct TitlebarAccessory: View {
    var body: some View {

        TextField("Placeholder", text: .constant(""))

    }
}

Результат:

Подход 2 (Альтернативный метод):

Идея состоит в том, чтобы сделать часть панели инструментов, используя раскадровку, а остальную часть приложения - SwiftUI. Это делается путем создания нового приложения с раскадровкой в ​​качестве пользовательского интерфейса. Затем go в раскадровку и удалите View Controller по умолчанию и добавьте новый NSHostingController. Подключите недавно добавленный хостинг-контроллер к главному окну, установив его взаимосвязь. Добавьте панель инструментов в окно с помощью конструктора интерфейсов.

Присоедините пользовательский класс к NSHostingController и загрузите в него представление SwiftUI.

Пример кода ниже:

import Cocoa
import SwiftUI

class HostingController: NSHostingController<SwiftUIView> {

    @objc required dynamic init?(coder: NSCoder) {
        super.init(coder: coder, rootView: SwiftUIView())       

    }

}

Использование этого подхода также дает вам возможность настроить панель инструментов.