5、探索 SwiftUI 开发：从创建应用到 UI 装饰

探索 SwiftUI 开发：从创建应用到 UI 装饰

1. Xcode 基础组件介绍

在 Xcode 中，导航器有多个选项卡，虽然暂不详细展开，但了解其存在很有必要。在 Xcode 顶部，有方案和设备列表。方案可简单理解为你的应用。点击设备列表，会显示可用的 iOS 模拟器，若连接了 iPhone 或 iPad，也会出现在列表中，方便在真机上调试和运行应用。在大多数情况下，我们会在模拟器上运行应用，或者使用 Xcode 11 和 macOS Catalina 引入的全新自动预览功能。

2. 自动预览功能

自动预览器是 Xcode 11 集成在 IDE 右侧的一个强大功能，无需运行模拟器就能预览 SwiftUI 中的更改。例如，初始状态下自动预览窗口为空，按下“Resume”后，几秒内模拟器会加载到画布中，“Hello World”模板应用也会加载。对 SwiftUI 代码进行修改时，如修改 ContentView.swift 文件中的 Body 属性：

var body: some View {
    List {
        Text("Hello World")
        Text("Learn SwiftUI")
    }
}

若复制粘贴代码，自动预览器会立即更新显示新的列表视图和新行；若手动输入代码，输入时就能实时看到更新。

3. Xcode 模拟器

自动预览器主要用于构建 SwiftUI 界面，但测试应用的核心逻辑（如网络请求、屏幕切