SwiftUI Appに複数のウインドウを追加する

SwiftUI Appに複数のウインドウを追加する

Appのシーン内でウインドウを表示できる最新のSwiftUI APIをご覧ください。MenuBarExtraなどのシーンタイプにより、SwiftUIでさまざまな種類のAppが簡単に構築できるようになる仕組みについて解説します。また、修飾子を使用して、Appウインドウのプレゼンテーションや動作をカスタマイズし、macOS Appを向上させる方法も紹介します。

リソース
関連ビデオ

WWDC22
ダウンロード

♪ 落ち着いたヒップホップの曲 ♪ ♪ みなさんこんにちは SwiftUIチームのエンジニア Jeffです今日は iPadOSとmacOSで SwiftUIAppに複数のウインドウを表示する方法について説明しますこのセッションでは SwiftUIライフサイクルのさまざまなシーンタイプの概要を公開しますこれにはいくつかの新しいタイプも含まれます次に補助シーンを追加しシーンタイプをどのように組み合わせて構成できるかを示しますそして Appで特定のシーンウインドウを開くための新しいAPIの説明をします最後にAppのシーンをカスタマイズするいくつかの方法についてまとめますでは現在のシーンタイプの概要から始めて新しいシーンタイプについても見てみましょう以前のセッションで SwiftUIAppがシーンとビューで構成されていることをお話ししましたシーンは主にウインドウ画面上にコンテンツを表示しますたとえば私が読んでいる本の記録を付けるために構築したAppがあります単一のウインドウグループと定義されプラットフォームに合わせた適切な方法で閲覧リスト表示されます iPadOSやmacOSなど複数のウインドウをサポートするプラットフォームではシーンは複数ウインドウで表示されますシーンの動作と表現は使用するタイプによって異なります例えばシーンはプラットフォームの機能に関係なく単一のインスタンスでのみ表現されます SwiftUIの現在のシーンタイプのリストを見てみましょう WindowGroupはAppleのすべてのプラットフォームでデータ駆動型Appを構築する方法を提供します DocumentGroupでは iOSやmacOS上でドキュメントベースの Appを構築できます SettingsではmacOSのAppの設定値を表すためインターフェースを定義しますこれらのシーンタイプは Appの機能を拡張するために組み合わせて構成できます今回 2つの新しい機能を追加してシーンのリストを拡張します 1つ目は: Window すべてのプラットフォームで 1つの固有のウインドウを表すものですまたmacOSの新しいシーンタイプ：MenuBarExtra これはシステムメニューバーで永続コントロールとして表示されます他のシーンタイプと同様に WindowとMenuBarExtraを独立型のシーンとして使うことも App内の他のシーンと組み合わせて使うこともできます WindowGroupとは異なり Windowシーンは単一のウインドウインスタンス内でのみ内容を表現しますこの特性はシーンのコンテンツが macOSおよびiPadOS上の WindowGroupsのマルチウインドウ形式に適していない　いくつかのグローバルApp状態のような場合に役立ちますたとえばゲームでは 1つのメインウインドウだけがコンテンツを表示するようにしたほうがいいでしょう MenuBarExtraは新しい macOSのシーンタイプで他のシーンとは少し違う動作をしますウインドウに内容を表示するのではなくメニューバーにラベルを表示しメニューまたはウインドウの内容を見せてラベルに固定されますさらに関連するAppが実行中であれば Appが最フォアグラウンドにあるかどうかにかかわらずそれを使用できます MenuBarExtraは機能に簡単にアクセスできる独立型の実用的なAppを開発するのに最適ですまたは他のシーンと組み合わせたAppの機能にアクセスするための別の方法を提供もできますまた2つの表示スタイルもサポートされていますデフォルトでメニューバーから下に表示するスタイルとメニューバーに固定されたクロムレスウインドウに表示するスタイルですこれら2つの新しいシーンタイプが追加され SwiftUIAppはすべてのプラットフォームでより豊富な一連の機能を表示しますこれらの新しいAPIを既存のシーンタイプと合わせて使う方法を見てみましょう先ほど示した BookClub Appの定義です現在はウインドウグループ 1つで構成されています macOSでBookClub Appを使用すると経時的に読書活動を表示するための追加ウインドウが役に立つ場合がありますこれはmacOSAppがプラットフォームにある追加の画面領域と現在の柔軟なウインドウ配置をどのように利用できるかを示すよい例ですこのインターフェースを表す補助シーンを Appに追加しますアクティビティウインドウのデータは App全体の状態から取得されるためウインドウシーンが理想的な選択肢となります同じ状態で複数のウインドウを開くと設計にうまく適合しませんシーンのタイトルはウインドウメニューのセクションに追加される項目のラベルに使われますこのアイテムを選択するとシーンのウインドウが開いていない場合は開きそれ以外の場合はフォアグラウンドに表示されます BookClub Appに補助シーンを追加でした次に追加する新しいシーンの一部のプレゼンテーションテーションAPIとそれらをAppに統合してより豊かな体験を提供する方法について説明します BookClub App コンテンツリストペインの本に対して呼び出せるコンテキストメニューがありこれにはウインドウプレゼンテーションを動かすボタンが含まれます詳細は後ほど説明します SwiftUIはAppで定義されているシーンに関連付けられたウインドウを表示するための環境を通して複数の新しい呼び出し可能なタイプを提供します 1つ目は openWindowアクションで WindowGroupまたはウインドウシーンのいずれかのウインドウを表示できますアクションに渡される識別子はAppで定義されたシーンの識別子と一致する必要があります openWindowアクションではプレゼンテーション値を取ることもできプレゼンテーションシーンで内容を表示するために使用されますこの形式はWindowGroupでのみサポートされており新しい初期化子を使用しますこの方法を見ていきます値の型はシーンの初期化子に指定された型と対象に一致する必要がありドキュメントウインドウを表示する環境には呼び出し可能な2つがあります newDocumentアクションは FileDocumentsと ReferenceFileDocuments 両方のウインドウを開くサポートをしますこのアクションはApp内で対応するDocumentGroupがエディターの役割で定義される必要がありますこのアクションに提供されるドキュメントはウインドウが表示されるたび作成されますディスク上の既存のファイルからコンテンツが提供されドキュメントウインドウを表示するには OpenDocumentアクションがありますこれは開くファイルのURLを取得します Appでウインドウを表示するための DocumentGroupを定義する必要がありグループのドキュメントタイプでは指定されたURLでファイルのタイプを読み取る必要がありますボタンを再考すると openWindow環境プロパティがビューに追加されますこのタイプは呼び出し可能でボタンの操作から直接呼び出すことができます当社のブックタイプは識別に準拠していますそのため識別子を示す値として渡します openWindowアクションに渡される値について説明します私はブックの識別子が UUIDタイプの値を渡していることに注目しました一般的には値自体ではなくモデルの識別子をこのように使いたいでしょうブックタイプは値型であることに注目してくださいそのため現在値として使用する場合新しいウインドウにはプレゼンテーションを由来のウインドウのコピーが表示されますどちらか片方を編集してももう片方には影響しませんブックの識別子を使うとモデルを保存できます代わりにこれらの値の真実のもととなります単一の値に複数の結合を提供します値型のセマンティクスの詳細についてはデベロッパ向けマニュアルを参照してください表示されるタイプはハッシュ可能とコード可能なプロトコルの両方に適合している必要がありますウインドウを開き提示された値を関連付けるにはハッシュ可能な適合性が必要ですただし状態復元に提示された値を維持する適合性の確認は必要ですこの2つの行動の詳細については後ほど説明します最後に可能であれば軽量値を渡すことをお勧めしますブックの識別子はもう1つの大きい例である値は状態復旧のSwiftUIで持続すためには小さい値を使用します Appの応答性向上につながります詳細ウインドウを表示するのに必要なボタンが追加されましたが選択しても何も表示されませんこれはSwiftUIに特定のデータ型のウインドウを表示するように指示したためですがこれを反映したシーンを Appで定義していません Appに戻って変更を加えてみましょう Appに戻って変更を加えてみましょう一緒にブックの詳細を取り扱うためにさらなるWindowGroup を追加しましたブックではWindowGroupで新しい初期化子を使いますタイトルに加えてグループはBook.IDタイプのデータを表示していますこの場合はUUIDですこれは先ほど追加した openWindowアクションに渡す値と一致する必要がありますプレゼンテーション用に WindowGroupに値を指定すると SwiftUIはその値の新しい子シーンを作成しそのシーンのウインドウのルートコンテンツはグループのview builderを使ってその値で定義されます固有の提示された値によって新しいシーンが作成されます値の等価性は新しいウインドウを作るか既存のウインドウを再利用できるかを決定するために使われますウインドウが存在するため openWindowに値が表示される場合グループは新しいウインドウを作成せずそのウインドウを使います例としてBookClub Appを使いますコンテキストメニューアクションを選択しますこれはすでにウインドウに表示されウインドウはフォアグラウンドに並べられます同じブックを表示する2つ目のウインドウではありません提示された値も状態復旧の目的で SwiftUIによって自動的に永続化されますビューは初期値に結合が与えられますこの結合はウインドウが開いている間いつでも変更できますシーンが状態復旧のために再作成されると SwiftUIは最新の値をウインドウのコンテンツビューに渡しますここではBook.IDを詳細ビューに結合しますモデルストアに表示され指定した項目を検索できますすべてを配置しコンテキストメニュー項目を選択できるようになりまた独自のウインドウでブックの詳細を表示できます最後にAppのシーンをカスタマイズするいくつかの方法を説明します 2つのWindowGroupシーンで Appを定義し 1つはメインビューアーウインドウでそして1つは詳細ウインドウですデフォルトではSwiftUIでファイルメニューの各グループにメニュー項目が追加されますが詳細ウインドウのメニュー項目は私たちの使用事例には適していません前に追加したコンテキストメニューによりウインドウは開けておくほうが良いと思います新しいシーン修飾子であるコマンドが削除されシーンを修正できデフォルトのコマンドが提供されなくなりますファイルメニューと同様ですこの修飾子を適用するとプライマリWindowGroupのウインドウを開く項目がメニューにのみ表示されます読書活動を表示するために補助ウインドウシーンの現在のプレゼンテーションには満足していません次にその点に注目してみましょう修飾子をいくつか適用し次のようになりますそれをカスタムシーンに抽出し App定義がクリーンになりますウインドウの前の状態はなく SwiftUIはデフォルトで画面の中央に配置されます読書活動はデフォルトでは別の場所に配置される方がいいですね新しいdefaultPosition修飾子を追加し前の状態が使えない場合使う場所を指定できますこの位置は画面サイズに対して Appの場所にウインドウを配置し現在のロケールを考慮しますこの新しい位置は画面上の他の表示ウインドウからアクティビティウインドウを区別するのに役立ちますアクティビティウインドウもデフォルトでは特定のサイズで表示されますがサイズ変更は可能です defaultPositionの横に defaultSize修飾子を追加します値はレイアウトシステムに与えられウインドウの初期サイズを取得しますウインドウのプレゼンテーションをカスタマイズし 1つ修飾子を追加して動作をカスタマイズしましょう keyboardShortcut修飾子が展開されその上シーンタイプでも作用しますシーンレベルで使う場合は新しいウインドウが作成されこの修飾子はコマンドに影響しますショートカット option+ command+0を開いてできるアクティビティウインドウを変更しましたこれはAppをカスタマイズするのに適した方法で一般的に使われるシーンへのショートカットを提供し command+Nのデフォルトのショートカットをカスタマイズするためにも使え Appの基本WindowGroupに追加されます SwiftUIの新しいシーンとウインドウ機能のツアーはこれで終わりです新しいAPIの可能性には本当に興奮していてあなたにとってもそうあることを願っています iPadOSやmacOSAppに機能を追加する方法の詳細は「iPadのSwiftUI：インターフェースの構造化」「iPadのSwiftUI：インターフェースの整理」「iPadのSwiftUI：ツールバーやタイトルなどを追加」のセッションをご覧ください
ご覧いただきありがとうございました ♪

import SwiftUI
import UniformTypeIdentifiers

@main
struct MultiSceneApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }

        #if os(iOS) || os(macOS)
        DocumentGroup(viewing: CustomImageDocument.self) { file in
            ImageViewer(file.document)
        }
        #endif

        #if os(macOS)
        Settings {
            SettingsView()
        }
        #endif
    }
}

struct ContentView: View {
    var body: some View {
        Text("Content")
    }
}

struct ImageViewer: View {
    var document: CustomImageDocument

    init(_ document: CustomImageDocument) {
        self.document = document
    }

    var body: some View {
        Text("Image")
    }
}

struct SettingsView: View {
    var body: some View {
        Text("Settings")
    }
}

struct CustomImageDocument: FileDocument {
    var data: Data

    static var readableContentTypes: [UTType] { [UTType.image] }

    init(configuration: ReadConfiguration) throws {
        guard let data = configuration.file.regularFileContents
        else {
            throw CocoaError(.fileReadCorruptFile)
        }
        self.data = data
    }

    func fileWrapper(configuration: WriteConfiguration) throws -> FileWrapper {
        FileWrapper(regularFileWithContents: data)
    }
}

2:34 - Adding a window scene

import SwiftUI

@main
struct BookClub: App {
    @StateObject private var store = ReadingListStore()

    var body: some Scene {
        WindowGroup {
            ReadingListViewer(store: store)
        }
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
    }
}

struct ReadingListViewer: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading List")
    }
}

struct ReadingActivity: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading Activity")
    }
}

class ReadingListStore: ObservableObject {
}

3:01 - Standalone menu bar extra app

import SwiftUI

@main
struct UtilityApp: App {
    var body: some Scene {
        MenuBarExtra("Utility App", systemImage: "hammer") {
            AppMenu()
        }
    }
}

struct AppMenu: View {
    var body: some View {
        Text("App Menu Item")
    }
}

3:35 - Windowed app with menu bar extra

import SwiftUI

@main
struct BookClub: App {
    @StateObject private var store = ReadingListStore()

    var body: some Scene {
        WindowGroup {
            ReadingListViewer(store: store)
        }
        #if os(macOS)
        MenuBarExtra("Book Club", systemImage: "book") {
            AppMenu()
        }
        #endif
    }
}

struct ReadingListViewer: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading List")
    }
}

struct AppMenu: View {
    var body: some View {
        Text("App Menu Item")
    }
}

class ReadingListStore: ObservableObject {
}

3:42 - Menu bar extra with default style

import SwiftUI

@main
struct UtilityApp: App {
    var body: some Scene {
        MenuBarExtra("Utility App", systemImage: "hammer") {
            AppMenu()
        }
    }
}

struct AppMenu: View {
    var body: some View {
        Text("App Menu Item")
    }
}

3:49 - Menu bar extra with window style

import SwiftUI

@main
struct UtilityApp: App {
    var body: some Scene {
        MenuBarExtra("Time Tracker", systemImage: "rectangle.stack.fill") {
            TimeTrackerChart()
        }
        .menuBarExtraStyle(.window)
    }
}

struct TimeTrackerChart: View {
    var body: some View {
        Text("Time Tracker Chart")
    }
}

4:14 - Book Club app definition

import SwiftUI

@main
struct BookClubApp: App {
    @StateObject private var store = ReadingListStore()

    var body: some Scene {
        WindowGroup {
            ReadingListViewer(store: store)
        }
    }
}

struct ReadingListViewer: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading List")
    }
}

class ReadingListStore: ObservableObject {
}

4:38 - Adding an auxiliary Window Scene

import SwiftUI

@main
struct BookClub: App {
    @StateObject private var store = ReadingListStore()

    var body: some Scene {
        WindowGroup {
            ReadingListViewer(store: store)
        }
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
    }
}

struct ReadingListViewer: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading List")
    }
}

struct ReadingActivity: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading Activity")
    }
}

class ReadingListStore: ObservableObject {
}

5:28 - Open book context menu button

import SwiftUI

struct OpenBookButton: View {
    var book: Book

    var body: some View {
        Button("Open In New Window") {
        }
    }
}

struct Book: Identifiable {
    var id: UUID
}

5:34 - Opening a window using an identifier

import SwiftUI

@main
struct BookClub: App {
    @StateObject private var store = ReadingListStore()

    var body: some Scene {
        WindowGroup {
            ReadingListViewer(store: store)
        }
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
    }
}

struct OpenWindowButton: View {
    @Environment(\.openWindow) private var openWindow

    var body: some View {
        Button("Open Activity Window") {
            openWindow(id: "activity")
        }
    }
}

struct ReadingListViewer: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading List")
    }
}

struct ReadingActivity: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading Activity")
    }
}

class ReadingListStore: ObservableObject {
}

5:57 - Opening a window using a presented value

import SwiftUI

@main
struct BookClub: App {
    @StateObject private var store = ReadingListStore()

    var body: some Scene {
        WindowGroup {
            ReadingListViewer(store: store)
        }
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
        WindowGroup("Book Details", for: Book.ID.self) { $bookId in
            BookDetail(id: $bookId, store: store)
        }
    }
}

struct OpenWindowButton: View {
    var book: Book
    @Environment(\.openWindow) private var openWindow

    var body: some View {
        Button("Open In New Window") {
            openWindow(value: book.id)
        }
    }
}

struct ReadingListViewer: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading List")
    }
}

struct ReadingActivity: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading Activity")
    }
}

struct BookDetail: View {
    @Binding var id: Book.ID?
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Book Details")
    }
}

struct Book: Identifiable {
    var id: UUID
}

class ReadingListStore: ObservableObject {
}

6:16 - Opening a window with a new document

import SwiftUI
import UniformTypeIdentifiers

@main
struct TextFileApp: App {
    var body: some Scene {
        DocumentGroup(viewing: TextFile.self) { file in
            TextEditor(text: file.$document.text)
        }
    }
}

struct NewDocumentButton: View {
    @Environment(\.newDocument) private var newDocument

    var body: some View {
        Button("Open New Document") {
            newDocument(TextFile())
        }
    }
}

struct TextFile: FileDocument {
    var text: String

    static var readableContentTypes: [UTType] { [UTType.plainText] }

    init() {
        text = ""
    }

    init(configuration: ReadConfiguration) throws {
        guard let data = configuration.file.regularFileContents,
              let string = String(data: data, encoding: .utf8)
        else {
            throw CocoaError(.fileReadCorruptFile)
        }
        text = string
    }

    func fileWrapper(configuration: WriteConfiguration) throws -> FileWrapper {
        let data = text.data(using: .utf8)!
        return FileWrapper(regularFileWithContents: data)
    }
}

6:41 - Opening a window with an existing document

import SwiftUI
import UniformTypeIdentifiers

@main
struct TextFileApp: App {
    var body: some Scene {
        DocumentGroup(viewing: TextFile.self) { file in
            TextEditor(text: file.$document.text)
        }
    }
}

struct OpenDocumentButton: View {
    var documentURL: URL
    @Environment(\.openDocument) private var openDocument

    var body: some View {
        Button("Open Document") {
            Task {
                do {
                    try await openDocument(at: documentURL)
                } catch {
                    // Handle error
                }
            }
        }
    }
}

struct TextFile: FileDocument {
    var text: String

    static var readableContentTypes: [UTType] { [UTType.plainText] }

    init() {
        text = ""
    }

    init(configuration: ReadConfiguration) throws {
        guard let data = configuration.file.regularFileContents,
              let string = String(data: data, encoding: .utf8)
        else {
            throw CocoaError(.fileReadCorruptFile)
        }
        text = string
    }

    func fileWrapper(configuration: WriteConfiguration) throws -> FileWrapper {
        let data = text.data(using: .utf8)!
        return FileWrapper(regularFileWithContents: data)
    }
}

7:03 - Book details context menu button

struct OpenWindowButton: View {
    var book: Book
    @Environment(\.openWindow) private var openWindow

    var body: some View {
        Button("Open In New Window") {
            openWindow(value: book.id)
        }
    }
}

struct Book: Identifiable {
    var id: UUID
}

7:08 - Book details context menu button

struct OpenWindowButton: View {
    var book: Book
    @Environment(\.openWindow) private var openWindow

    var body: some View {
        Button("Open In New Window") {
            openWindow(value: book.id)
        }
    }
}

struct Book: Identifiable {
    var id: UUID
}

9:06 - Book Club app with book details Scene

import SwiftUI

@main
struct BookClub: App {
    @StateObject private var store = ReadingListStore()

    var body: some Scene {
        WindowGroup {
            ReadingListViewer(store: store)
        }
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
        WindowGroup("Book Details", for: Book.ID.self) { $bookId in
            BookDetail(id: $bookId, store: store)
        }
    }
}

struct ReadingListViewer: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading List")
    }
}

struct ReadingActivity: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading Activity")
    }
}

struct BookDetail: View {
    @Binding var id: Book.ID?
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Book Details")
    }
}

struct Book: Identifiable {
    var id: UUID
}

class ReadingListStore: ObservableObject {
}

10:32 - Book Club app with book details Scene

import SwiftUI

@main
struct BookClub: App {
    @StateObject private var store = ReadingListStore()

    var body: some Scene {
        WindowGroup {
            ReadingListViewer(store: store)
        }
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
        WindowGroup("Book Details", for: Book.ID.self) { $bookId in
            BookDetail(id: $bookId, store: store)
        }
    }
}

struct ReadingListViewer: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading List")
    }
}

struct ReadingActivity: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading Activity")
    }
}

struct BookDetail: View {
    @Binding var id: Book.ID?
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Book Details")
    }
}

struct Book: Identifiable {
    var id: UUID
}

class ReadingListStore: ObservableObject {
}

11:16 - Removing default commands for the book details scene

import SwiftUI

@main
struct BookClub: App {
    @StateObject private var store = ReadingListStore()

    var body: some Scene {
        WindowGroup {
            ReadingListViewer(store: store)
        }
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
        WindowGroup("Book Details", for: Book.ID.self) { $bookId in
            BookDetail(id: $bookId, store: store)
        }
        .commandsRemoved()
    }
}

struct ReadingListViewer: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading List")
    }
}

struct ReadingActivity: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading Activity")
    }
}

struct BookDetail: View {
    @Binding var id: Book.ID?
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Book Details")
    }
}

struct Book: Identifiable {
    var id: UUID
}

class ReadingListStore: ObservableObject {
}

11:46 - Extracting reading activity into custom scene

import SwiftUI

@main
struct BookClub: App {
    @StateObject private var store = ReadingListStore()

    var body: some Scene {
        WindowGroup {
            ReadingListViewer(store: store)
        }

      	ReadingActivityScene(store: store)
      
        WindowGroup("Book Details", for: Book.ID.self) { $bookId in
            BookDetail(id: $bookId, store: store)
        }
        .commandsRemoved()
    }
}

struct ReadingActivityScene: Scene {
    @ObservedObject var store: ReadingListStore

    var body: some Scene {
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
    }
}

struct ReadingListViewer: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading List")
    }
}

struct ReadingActivity: View {
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Reading Activity")
    }
}

struct BookDetail: View {
    @Binding var id: Book.ID?
    @ObservedObject var store: ReadingListStore

    var body: some View {
        Text("Book Details")
    }
}

struct Book: Identifiable {
    var id: UUID
}

class ReadingListStore: ObservableObject {
}

12:04 - Applying the defaultPosition modifier

struct ReadingActivityScene: Scene {
    @ObservedObject var store: ReadingListStore

    var body: some Scene {
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
        .defaultPosition(.topTrailing)
    }
}

class ReadingListStore: ObservableObject {
}

12:32 - Applying the defaultSize modifier

struct ReadingActivityScene: Scene {
    @ObservedObject var store: ReadingListStore

    var body: some Scene {
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
        #if os(macOS)
        .defaultPosition(.topTrailing)
      	.defaultSize(width: 400, height: 800)
        #endif
    }
}

class ReadingListStore: ObservableObject {
}

12:50 - Applying the keyboardShortcut modifier

struct ReadingActivityScene: Scene {
    @ObservedObject var store: ReadingListStore

    var body: some Scene {
        Window("Activity", id: "activity") {
            ReadingActivity(store: store)
        }
        #if os(macOS)
        .defaultPosition(.topTrailing)
      	.defaultSize(width: 400, height: 800)
        #endif
        #if os(macOS) || os(iOS)
        .keyboardShortcut("0", modifiers: [.option, .command])
        #endif
    }
}

class ReadingListStore: ObservableObject {
}

特定のトピックをお探しの場合は、上にトピックを入力すると、関連するトピックにすばやく移動できます。

クエリの送信中にエラーが発生しました。インターネット接続を確認して、もう一度お試しください。

リソース

関連ビデオ

WWDC22