为您的 SwiftUI App 添加多个窗口

为您的 SwiftUI App 添加多个窗口

了解最新的 SwiftUI API，以帮助您在 App 场景中显示窗口。我们将探索 MenuBarExtra 等场景类型可以如何帮助您借助 SwiftUI 轻松构建各种 App。我们还将向您介绍如何利用修饰符对 App 窗口的呈现和行为进行自定义，以进一步优化 macOS App。

资源
相关视频

WWDC22
下载

♪ 柔和乐器演奏的嘻哈音乐 ♪ ♪ 大家好我是 SwiftUI 团队的工程师 Jeff 今天我很高兴与您讨论如何在 iPadOS 和 macOS 上为您的 SwiftUI App 引入多个窗口在本期视频中我们将从 SwiftUI 生命周期中各种场景类型的概览开始其中包括我们正在引入的一些新类型接下来展示这些场景类型如何通过添加辅助场景组合在一起然后我们将介绍一些用于在您的 App 中为特定场景打开窗口的新 API 我们将用几种方法来自定义 App 的场景在深入研究一些新类型之前我们先从现有场景类型的概览开始您还记得在之前的视频中 SwiftUI 中的 App 是由场景和视图组成场景通常用屏幕上的窗口来展示其中的内容例如这是我构建的一个 App 我用它跟踪我正在阅读的书籍我将其定义为单个窗口组以适合平台的方式显示我的阅读列表在支持多个窗口的平台上例如 iPadOS 和 macOS 可以使用多个窗口来展示一个场景中的内容场景的行为和表现形式根据使用的类型不尽相同例如一个场景可能只用一个实例便可展示自身内容而无论平台能力如何我们来看看 SwiftUI 中当前的场景类型列表 WindowGroup 提供了一种跨 Apple 平台构建数据驱动 App 的方法 DocumentGroup 可让您在 iOS 和 macOS 上构建基于文档的 App 并且 Settings 定义了一个接口用于表示 macOS 上的 App 内设置值这些场景类型可以组合在一起来扩展您 App 的功能我们正在通过两个新增内容扩展场景列表第一个是 Window 一个代表所有平台上单个唯一窗口的场景以及适用于 macOS 的新场景类型：MenuBarExtra 在系统菜单栏中呈现为持久控件与其他场景类型一样您可以将 Window 和 MenuBarExtra 作为独立的场景使用或与您 App 中的其他场景组合与 WindowGroup 不同的是 Window 场景只会以单一唯一的窗口实例展示其中的内容此特性会很有用体现在当您的场景内容代表某个全局 App 状态且不一定适合 macOS 和 iPadOS 上的 WindowGroups 多窗口演示样式例如游戏可能只允许单个主窗口来呈现其内容 MenuBarExtra 是一种新的 macOS 专用场景类型其与其他场景行为略有不同 MenuBarExtra 不会在窗口中呈现其内容而是将其标签放在菜单栏中并将其内容显示在锚定到标签上的菜单或窗口中此外只要其关联 App 正在运行就可以使用 MenuBarExtra 无论该 App 是否位于最前端 MenuBarExtra 非常适合创建可轻松访问其功能的独立实用 App 或者可以与其他场景组合提供访问 App 功能的替代方式它还支持两种渲染风格：一是默认风格可在菜单中显示内容改菜单从菜单栏下拉显示以及在锚定到菜单栏的无镶边窗口中显示其内容的风格随着这两种新场景类型的加入 SwiftUI App 可以代表我们平台上更丰富的功能集让我们看看如何将这些新的 API 与我们现有的场景类型结合使用这是我的 BookClub App 的定义我之前展示过其目前包含一个窗口组在 macOS 上我的 BookClub App 可能受益于一个额外的窗口来显示我们的阅读活动这是一个很好的例子其说明了 macOS App 如何利用该平台上存在的额外屏幕空间和灵活的窗口安排我们将在我们的 App 中添加一个辅助场景用于表示此界面我们的 Activity 窗口数据来自我们的整体 App 状态所以窗口场景便是其理想选择打开多个具有相同状态的窗口不符合我们的设计提供给我们场景的标题将用作菜单项的标签该菜单项已添加到 Window 菜单部分选择此项时如果尚未打开场景的窗口则会将其打开否则会将其带到前端现在我们已经介绍了将辅助场景添加到我们的 BookClub App 我想介绍一些我们即将推出的新的场景呈现 API 以及如何将其集成到您的 App 中来提供更丰富的体验我们的 BookClub App 具有一个上下文菜单可以为我们的 “内容列表”窗格中的任何书籍调用此上下文菜单包含一个按钮用于触发我们的窗口展示稍后我会详解介绍 SwiftUI 通过环境提供了几种新的可调用类型用于呈现与您的 App 定义的场景相关联的窗口第一个是 openWindow 操作可为 WindowGroup 或窗口场景呈现窗口传递给操作的标识符必须匹配您 App 中定义的场景的标识符 openWindow 操作也可以取一个演示值已呈现的场景将用该值显示其内容这种形式的操作只有使用新初始化程序的 WindowGroup 支持稍后我将详细介绍值的类型必须匹配提供给场景初始化程序的类型呈现文档窗口的环境中还有两种可调用类型：一是 newDocument 操作支持为 FileDocuments 和 ReferenceFileDocuments 打开新的文档窗口该操作需要您 App 中相应的 DocumentGroup 定义为具有编辑角色提供给此操作的文档将在每次呈现窗口时创建为了显示由磁盘上现有文件提供内容的文档窗口可以使用 openDocument 操作此操作需要一个指向您要打开的文件的 URL 您的 App 必须定义一个用于展示窗口的 DocumentGroup 并且该组的文档类型必须允许在提供的 URL 处读取文件的类型回到我们的按钮我们将在我们的视图中添加 openWindow 环境属性由于这种类型是可调用的我们可以直接从我们按钮的操作中调用我们的“书籍”类型是可识别的所以我们将其标识符作为要呈现的值传递在我们继续之前我想介绍传递到 openWindow 操作的值我注意到我正在传递该书籍的标识符且该标识符是 UUID 类型的值一般来说您更倾向于用上述方式使用您模型的标识符而不使用值本身请注意我们的 “书籍”类型是一个值类型因此如果我们将其用作呈现值我们的新窗口将获得一份原始演示的副本对其中任何一个的编辑都不会影响到另一个使用书籍的标识符让我们的模型存储成为这些值的真实来源而不是通过为单个值提供多个绑定有关值类型语义的更多信息请参阅开发者文档呈现的类型也必须符合 Hashable 和 Codable 协议需要 Hashable 一致性来将呈现的值和打开的窗口关联需要 Codable 一致性来保持状态恢复的呈现值稍后我将更详细地介绍这两种行为最后如果可以的话尽量倾向于传递轻量级值我们书籍的标识符也是一个很好的例子由于 SwiftUI 将保留该值以进行状态恢复因此使用较小的值将提高您 App 的响应速度现在我们的按钮具备了必要组件来呈现我们的详细窗口但是将其选择后不会显示任何内容这是因为我们已告知 SwiftUI 呈现某种数据类型的窗口但尚未在我们的 App 中定义反映这一点的场景我们回到我们的 App 并进行更改除了我们主要的 WindowGroup 和辅助窗口我们还将添加一个用于处理我们书籍详情的额外 WindowGroup 我们的书籍详情 WindowGroup 使用的是一个新的初始化程序除了标题我们还注意到该组显示 Book.ID 类型的数据在我们的例子则是 UUID 此类型应与我们传递到之前添加的 openWindow 操作的值相匹配当向 WindowGroup 提供给定值用于演示时 SwiftUI 将为该值创建一个新的子场景并且该值将使用组的视图构建器定义场景窗口的根内容每个独特呈现的值将创造一个新场景该值的等同性将用于确定是否应该创建一个新窗口或者是否可以重新使用现有窗口当 openWindow 呈现一个已存在窗口的值时该组将使用该已存在窗口而不会创建一个新窗口以我们的 BookClub App 为例为已经在窗口中呈现的书籍选择上下文菜单操作将导致该窗口被排在前面而不是显示同一本书的第二个窗口呈现的值也将由 SwiftUI 自动保留以用于状态恢复您的视图将被绑定到初始呈现值可在窗口打开时随时修改此绑定当重新创建场景以进行状态恢复时 SwiftUI 将向窗口的内容视图传递最新的值在此我们将 Book.ID 绑定到我们的详细视图该视图可以查找我们模型存储中的指定项以用于显示随着我们所有的组件都准备到位现在我们可以选择上下文菜单项并在单独的窗口中查看书籍详情最后我想介绍一些可以让您在 App 中自定义场景的方法由于我们用两个 WindowGroup 场景定义了我们的 App 一个用于主查看器窗口另一个用于我们的详情窗口所以 SwiftUI 会默认为“文件”菜单中的每个组添加菜单项但是我们详情窗口的菜单项不太适合我们的用例我更倾向于只能通过之前添加的上下文菜单打开窗口一个新的场景修改器 commandsRemoved 允许您修改场景使其不再提供默认命令比如“文件”菜单中的命令应用此修改器后我们的“文件”菜单现在只包含用于为主要 WindowGroup 打开窗口的项我对目前用于显示我阅读活动的辅助窗口场景的演示还不太满意那么我们接下来仔细研究一下由于我要对其应用一些修改器所以我会将其提取到自定义场景中这将使我的 App 定义更加清晰没有任何以前的窗口状态 SwiftUI 将默认将其放置在屏幕的中央但是我更倾向于将“阅读活动” 默认放置于不同的位置通过添加新的 defaultPosition 修改器当没有先前的状态可用时我可以指定要使用的位置该位置将适用屏幕大小并按照当前的位置设置将窗口放置在适当的位置该新位置有助于将我的“活动”窗口与屏幕上的其他查看窗口相区分我还想让我的“活动”窗口默认以特定大小显示但仍可调整大小除了 defaultPosition 我还将添加 defaultSize 修饰器已向其提供的值将提供给布局系统来导出窗口的初始大小现在我已经自定义了窗口的呈现方式我们再添加一个修改器来自定义其行为 keyboardShortcut 修饰器也已扩展为适用于场景类型在场景级别使用时此修改器影响创建新窗口的命令在此我修改了我的“活动”窗口以便可以使用快捷键 Option-Command-0 将其打开通过提供常用场景的快捷指令可以很好地自定义 App 也可用于自定义 Command-N 的默认快捷方式且该快捷方式已添加到 App 的主 WindowGroup 中介绍新场景和 SwiftUI 中窗口功能的旅途到此就结束了我们认为这些新 API 的潜力巨大希望您也如此认为！有关如何在您的 iPadOS 和 macOS App 中添加功能的更多信息请查看其他视频 “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