Transparent Toolbar in Mac Catalyst

Question

I was able to create a unified toolbar in Mac Catalyst with this in the SceneDelegate.swift:

// Use a UIHostingController as window root view controller.
if let windowScene = scene as? UIWindowScene {
    let window = UIWindow(windowScene: windowScene)
    window.rootViewController = UIHostingController(rootView: contentView)
    // hide the titlebar
    windowScene.titlebar?.toolbar = NSToolbar()
    windowScene.titlebar?.titleVisibility = .hidden
    ...
}

But I want to make the toolbar transparent like in this example: https://lukakerr.github.io/swift/nswindow-styles#11-transparent-toolbar-without-seperator

Is this even possible in Mac Catalyst?

Answer 1

Yes, this is possible in Mac Catalyst. In your SceneDelegate.swift file, set both toolbar and title visibility to false and .hidden respectively.

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
    guard let windowScene = (scene as? UIWindowScene) else { return }

    #if targetEnvironment(macCatalyst)
    windowScene.titlebar?.toolbar?.isVisible = false
    windowScene.titlebar?.titleVisibility = .hidden
    #endif
}

Answer 2

override func viewDidAppear(_ animated: Bool) { super.viewDidAppear(animated)

    #if targetEnvironment(macCatalyst)
    
    if let titlebar = self.view.window?.windowScene?.titlebar {
            titlebar.titleVisibility = .hidden
            titlebar.toolbar = nil
        }
    #endif
    
    
}