一起学习 SwiftUI2.0之文档介绍及项目创建

• 官方文档

  这一系列内容主要也是围绕官方文档来进行，所以第一步肯定是要找官方文档，官方文档有两个入口

  1、直接打开https://developer.apple.com/documentation/swiftui/ 链接直达文档

  2、使用 Xcode自带的

  打开 Xcode 后，点击菜单上 Help -> Developer Documentation

image-20210421085413982.png

这里包含所有官方的文档，在左侧列表中找到 SwiftUI 即可

image-20210421085530527.png

组件学习方式

Playground

1. 创建 Playground

image-20210421090604796.png

2. 选择空白模版

image-20210421090646271.png

3. 代码编写

image-20210421090821942.png

import SwiftUI  //导入 SwiftUI 库
import PlaygroundSupport //这个库主要是支持 Playground用来显示 SwiftUI 视图的

//以下是 SwiftUI 视图代码，代码显示一个 Text 文本组件
struct ContentView:View{
  var body: some View {
    Text("Hello world!")
  }
}

PlaygroundPage.current.setLiveView(ContentView())  //设置当前预览显示的视图

4.预览视图

image-20210421091205940.png

项目方式

1. 正常创建一个项目

image-20210421091313907.png

2.选择项目模版，模版可以选择 iOS -> App ，也可以选择Multiplatform -> App，因为 SwiftUI是支持跨苹果系列的多平台的，如：iOS、macOS、watchOS

image-20210421091415031.png

当然如果创建项目时只选择了 iOS，在后续也是可以扩展支持其他平台的

3.填写项目名称以及组织 id

image-20210421091810313.png

①在 Interface 处选择 SwiftUI

②Life Cycle ：可以选择 SwiftUI App 来管理生命周期，这是SwiftUI2.0新增的；也可以选择使用 UIKit App Delegate 来进行管理。具体这两者的区别可以查看视频看更详细的说明

视频内容可以在点击链接学习哦：一起学习 SwiftUI2.0之文档介绍及项目创建

Github