SwiftUI学习02：搭建一个新项目

前言

在本章中，你将学会如何使用Xcode创建一个SwiftUI项目

创建你的第一个SwiftUI项目

首先，启动Xcode，在顶栏选择 File -> New -> Project

• 在 iOS 类目下，选择 App，选择 Next，继续下一个屏幕

• choose options for your new project：完善项目的基本信息

  • Product：项目名称，最好是英文
  • Team：开发者账号（个人、公司、企业）
  • Organization Name：组织名称
  • Organization Identifier：应用程序的唯一标识符，反向DNS表示法，电子邮件反地址或公司地址颠倒
  • Bundle Identifier：组织唯一标识.项目名称
  • Interface：用户界面，SwiftUI 或 Storyboard
  • Language：语言，Swift 或 Objective-C
  • Use Core Data：面向对象的数据库，不选
  • Include Tests：测试，不选

  

点击 Next ，选择文件保存目录后，我们成功创建一个SwiftUI项目

默认情况下，Xcode自动根据 ContentView.swift 内容生成 SwiftUI 示例代码

• 可以根据顶部路径切换模拟器型号，然后单击预览区 Resume 按钮，查看实时预览效果

Xcode界面

• 中间：主编辑窗口，分两部分
  • 代码区
  • 预览区
• 左侧：文件导航器
• 右侧：实用程序窗口
• 下面：调试器，控制台输出

预览区

• Live ：

模拟一个实际的真实互动情况

• Selectable：

选择模式，选中画面内容 找到 对应的代码

• Variants：

快读比较一下不同的情景，但并不生效

Color Scheme Variants：颜色方案 Light（浅色） Dark（深色）
Orientation Variants：方向 竖向（Portrait） 横向（Landscape）
Dynamic Type Variants：动态类型 使用者选择的字体大小（从最小的XS -> 最大的 AX5）

• Device Setting ：

设置上面的3个不同情景并生效

• Preview on Device：

在具体的设备预览

App入口

// @main 代表的就是这个App的入口
@main
struct FirstDemoApp: App {
    // body属性设计一个Scene的类型
    var body: some Scene {
        // 视窗
        WindowGroup {
            // 最底层的画面
            ContentView()
        }
    }
}

一个App基本的架构就是，App里面会有一个 视窗Scene，视窗Scene 里面会有 View，你只要设定一个遵循 Protocol 规范的类型，就可以拿到对应的功能，App需要知道视窗Scene是什么，scene需要知道view

Assets

包在这个 target 中的档案，如图片、icon、color

Preview Content

存放一些开发时用到的 图片和资料等，在打包的时候回自动被排除。