概览

如果您选择使用 SwiftUI 框架开发 app，则可以在布置用户界面时看到一个交互式预览。Xcode 会使您对源代码、用户界面布局和检查器所做的更改保持同步。例如，您在检查器中编辑属性时，Xcode 会将对应的代码添加到源文件中。

显示 SwiftUI 预览

要显示预览，请在项目导航器中选择一个使用 SwiftUI 的文件，再选取“Editor”(编辑器) >“Canvas”(画布)。然后，点按画布右上角的“Resume”(恢复) 按钮以启动预览。Xcode 会构建和运行代码，并直接在画布中显示结果。

使用预览底部的控件可以在画布中的模拟设备上运行 app (可带有或不带调试会话) 或在连接的设备上运行 app。

添加视图和修饰符

要为您的 app 添加视图和修饰符，请点按工具栏中的“Library”(资源库) 按钮 (+) 以打开资源库，然后将资源库中的用户界面元素拖入画布或源代码中。不论您将元素拖到哪里，Xcode 都会使源代码和布局保持同步。

编辑用户界面元素

使用“Action”(操作) 菜单或检查器来编辑界面元素，或者通过在源代码编辑器中输入代码来编辑。按住 Command 键点按画布中的元素或代码中的结构，从“Action”(操作) 菜单中选取“Show SwiftUI Inspector”(显示 SwiftUI 检查器)，然后在下一个面板中更改属性。另外，也可以选取“View”(显示) >“Inspectors”(检查器) >“Show Attributes Inspector”(显示属性检查器)，并在右侧出现的属性检查器中更改属性。

嵌入用户界面元素

此外，您可以通过在其他结构中嵌入元素来修改用户界面。按住 Command 键点按源代码或画布中的某个元素，然后从弹出式菜单中选取“Embed in [Generic Structure]”(嵌入 [通用结构]) 操作。例如，选取“Embed in HStack”(嵌入 HStack) 可以嵌入一个在水平直线上排列视图子项的元素。