【SwiftUI】macアプリで新しいタブを開く方法

はじめに

Safariのように、新しいタブを開けるmacアプリの作り方を紹介します。

やり方

コード全体

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Button {
                createNewTab()
            } label: {
                Text("Open new tab")
            }
        }
        .padding()
    }
    
    func createNewTab() {
        let text = Text("Hello new tab!")
            .frame(maxWidth: .infinity, maxHeight: .infinity)
        
        let window = NSWindow()
        
        window.contentView = NSHostingView(rootView: text)
        window.title = "New Tab"
        window.styleMask = [.titled, .closable, .miniaturizable, .resizable, .fullSizeContentView]
        
        if let keyWindow = NSApp.keyWindow {
            keyWindow.tabGroup?.addWindow(window)
        }
        
        let _ = NSWindowController(window: window)
    }
}

ポイント

1. NSWindowを作る

let window = NSWindow()

2. NSWindowのcontentViewにNSHostingViewを設定する

window.contentView = NSHostingView(rootView: text)

こうすることで、SwiftUIのViewをNSWindowに表示できます。

3. NSWindowのtitleを設定する

window.title = "New Tab"

4. NSWindowのstyleMaskを設定する

window.styleMask = [.titled, .closable, .miniaturizable, .resizable, .fullSizeContentView]

これがないと、基本的なウィンドウ操作ができません。

5. NSWindowをNSApp.keyWindowのtabGroupに追加する

if let keyWindow = NSApp.keyWindow {
    keyWindow.tabGroup?.addWindow(window)
}

NSApp.keyWindowで現在アクティブなウィンドウを取得し、取得したウィンドウのtabGroupにNSWindowを追加します。

6. NSWindowControllerを作る

let _ = NSWindowController(window: window)

これがないと、タブを閉じた時にクラッシュします。

おわりに

新しいタブを開く方法を紹介しました。この方法を使えば、Safariのようなタブを中心としたアプリを作ることができます。

デモ動画