5、SwiftUI开发：从创建应用到理解控件视图

SwiftUI开发：从创建应用到理解控件视图

1. 开发环境与基础操作

1.1 Xcode界面组件

在Xcode顶部，有方案和设备列表。方案可以简单理解为你的应用。点击设备列表，会显示可用的iOS模拟器，若连接了iPhone或iPad，也会显示在列表中，这样就能直接在真机上调试和运行应用。

1.2 自动预览功能

Xcode 11引入了自动预览器，它内置于Xcode 11 IDE右侧。使用自动预览器，无需运行模拟器就能预览SwiftUI代码的更改。具体操作如下：
1. 初始状态下，自动预览窗口为空。
2. 点击“Resume”，几秒后模拟器会加载到画布，模板“Hello World”应用也会加载。
3. 对SwiftUI代码进行修改，例如在 ContentView.swift 文件中修改 Body 属性：

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

复制粘贴上述代码或实时输入代码时，自动预览器会实时更新显示新的列表视图和内容。

1.3 Xcode模拟器

虽然自动预览器适合构建SwiftUI界面，但测试应用的核心逻辑（如网络请求、屏幕切换）时，需要使用Xcode模拟器。操作步骤如下：
1. 回到方案栏旁边的设备列表，选择要测试的模拟器。