SwiftUI-创建视图

视图声明文件

新项目默认有写好的视图声明文件。

若无则创建，名称必须为软件名+APP

例如下图创建项目时名称为“test”，视图声明文件名称则为“testApp”

导入SwiftUI模块

代码示例
import SwiftUI

标记程序入口

代码示例
@main

搭建接口

先使用Struct以软件名定义一个结构体，APP协议要求实现body属性

再使用var定义body属性，some Scene协议要求实现场景

WindowGroup为场景类型，用于管理视图，最后用它定义视图（可多个）

代码示例
#"testApp"需与视图声明文件名称一致，"ContentView"为视图名称
struct testApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
            #ContentView2()
            #ContentView3()
        }
    }
}

视图文件

新项目默认有写好的视图文件与视图声明文件配合。

若无则创建，名称必须与视图声明文件内WindowGroup下定义的一致

导入SwiftUI模块

代码示例
import SwiftUI

搭建接口

先使用Struct以视图名定义一个结构体，View协议要求实现body属性

再使用var定义body属性，some View协议要求实现视图

可在其下定义文本、图片、链接，后续会介绍

代码示例
struct ContentView: View {
    var body: some View {
    }
}

显示画布

便于实时预览内容更改

#Preview {
    ContentView()
}