ContentView+SwiftUI预览调试功能

4 min read

SwiftUI提供了预览功能，可以在Xcode中预览我们的界面设计和布局。在ContentView.swift文件中，我们可以使用预览调试功能进行预览。步骤如下：

  1. 在ContentView.swift文件中，创建一个新的结构体ContentView_Previews，并使其符合 PreviewProvider 协议。代码如下：
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
  1. 在Canvas中选择Preview，或者使用快捷键 Command + Option + P，就可以看到我们的预览效果了。

在预览左上角我们可以选择模拟器或者真实设备进行预览。还可以使用 Canvas 上的调试组件来调整预览模式和布局。

当我们在 ContentView.swift 文件中进行代码编辑时，Xcode预览也会自动刷新更新我们的内容。这使得UI的迭代成为一项简单快捷的任务，我们只需专注于代码和UI的开发，我们可以在应用启动时看到我们的视图外观和行为，而不需要编译或运行整个应用程序。