02.项目初始化

木木木大约 3 分钟iOSSwiftSwiftUI

02.项目初始化

创建项目

  • 创建新项目 在 Xcode 中,选择 "Create a new Xcode project"。然后,在弹出窗口中,选择 "iOS" 平台,并选择 "App" 模板。

  • 配置项目信息 下个窗口中为项目配置一些基本信息,如项目名称、组织标识符、语言和用户界面。在这里,选择 SwiftUI 作为用户界面,并将语言设置为 Swift。

  • 创建项目 在配置完项目信息后,单击 "Next" 按钮,并选择保存项目的位置。最后,单击 "Create" 按钮即可创建新的 SwiftUI 项目。

  • 运行项目 创建新的 SwiftUI 项目后可以在 Xcode 中运行该项目以查看默认的用户界面。单击 "Run" 按钮,Xcode 将自动编译并运行。

应用程序的基本结构

SwiftUI 是一个声明式的应用程序框架,可以用来构建跨平台的 iOS、iPadOS、macOS、watchOS 和 tvOS 应用程序。在使用 SwiftUI 开发应用程序时,了解应用程序的基本结构是非常重要的。

应用程序的入口点

SwiftUI 应用程序的入口点是 @main 属性,它是一个特殊的属性,用于标识应用程序的入口点。这个属性必须被标记为 @main,并且必须附加在一个遵循 App 协议的类型上。App 协议定义了应用程序的生命周期和行为。

@main
struct MySwiftUIApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

上面代码,MySwiftUIApp 遵循 App 协议,并且附加了 @main 属性。还包含一个返回 some Scene 的计算属性,用于指定应用程序的场景。

应用程序场景

一个应用程序场景是一个容器,它描述了一个应用程序的界面和行为。在 SwiftUI 中,应用程序可以包含一个或多个场景,每个场景可以包含一个或多个窗口。

在应用程序的场景中,可以通过修改场景中的窗口来控制应用程序的外观和行为。窗口可以包含不同类型的视图,例如列表、表单、图像等。

var body: some Scene {
    WindowGroup {
        ContentView()
    }
}

上面代码,我们定义了一个包含一个窗口的场景。这个窗口包含 ContentView() 视图,它是应用程序的主视图。

应用程序视图

应用程序的视图是在窗口中显示的用户界面。在 SwiftUI 中,应用程序的视图是通过将其他视图组合在一起来创建的。

struct ContentView: View {
    var body: some View {
        Text("Hello, SwiftUI!")
            .padding()
    }
}

上面代码,定义了一个名为 ContentView 的视图,它包含一个 Text 视图,用于显示 “Hello, SwiftUI!” 的文本。还在 Text 视图周围添加了一些填充(padding)。

总结

在 SwiftUI 应用程序中,@main 属性是应用程序的入口点,App 协议定义了应用程序的生命周期和行为,应用程序场景是一个容器,用于描述应用程序的界面和行为,应用程序视图是通过将其他视图组合在一起来创建的。

上次编辑于:
贡献者: perhapsdone