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

673 阅读1分钟

官方文档

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

1、直接打开developer.apple.com/documentati… 链接直达文档

2、使用 Xcode自带的

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

image-20210421085413982.png

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

image-20210421085530527.png

组件学习方式

Playground

  1. 创建 Playground

image-20210421090604796.png

  1. 选择空白模版

image-20210421090646271.png

  1. 代码编写

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