-
官方文档
这一系列内容主要也是围绕官方文档来进行,所以第一步肯定是要找官方文档,官方文档有两个入口
1、直接打开https://developer.apple.com/documentation/swiftui/ 链接直达文档
2、使用 Xcode自带的
打开 Xcode 后,点击菜单上 Help -> Developer Documentation

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

组件学习方式
Playground
- 创建 Playground

- 选择空白模版

- 代码编写

import SwiftUI //导入 SwiftUI 库
import PlaygroundSupport //这个库主要是支持 Playground用来显示 SwiftUI 视图的
//以下是 SwiftUI 视图代码,代码显示一个 Text 文本组件
struct ContentView:View{
var body: some View {
Text("Hello world!")
}
}
PlaygroundPage.current.setLiveView(ContentView()) //设置当前预览显示的视图
4.预览视图

项目方式
- 正常创建一个项目

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

当然如果创建项目时只选择了 iOS,在后续也是可以扩展支持其他平台的
3.填写项目名称以及组织 id

①在 Interface 处选择 SwiftUI
②Life Cycle :可以选择 SwiftUI App 来管理生命周期,这是SwiftUI2.0新增的;也可以选择使用 UIKit App Delegate 来进行管理。具体这两者的区别可以查看视频看更详细的说明
视频内容可以在点击链接学习哦:一起学习 SwiftUI2.0之文档介绍及项目创建
网友评论