-
官方文檔
這一系列內(nèi)容主要也是圍繞官方文檔來進(jìn)行，所以第一步肯定是要找官方文檔，官方文檔有兩個(gè)入口
1、直接打開https://developer.apple.com/documentation/swiftui/ 鏈接直達(dá)文檔
2、使用 Xcode自帶的
打開 Xcode 后，點(diǎn)擊菜單上 Help -> Developer Documentation
image-20210421085413982.png
這里包含所有官方的文檔，在左側(cè)列表中找到 SwiftUI 即可
image-20210421085530527.png
組件學(xué)習(xí)方式
Playground
- 創(chuàng)建 Playground
image-20210421090604796.png
- 選擇空白模版
image-20210421090646271.png
- 代碼編寫
image-20210421090821942.png
import SwiftUI //導(dǎo)入 SwiftUI 庫
import PlaygroundSupport //這個(gè)庫主要是支持 Playground用來顯示 SwiftUI 視圖的
//以下是 SwiftUI 視圖代碼，代碼顯示一個(gè) Text 文本組件
struct ContentView:View{
var body: some View {
Text("Hello world!")
}
}
PlaygroundPage.current.setLiveView(ContentView()) //設(shè)置當(dāng)前預(yù)覽顯示的視圖
4.預(yù)覽視圖
image-20210421091205940.png
項(xiàng)目方式
- 正常創(chuàng)建一個(gè)項(xiàng)目
image-20210421091313907.png
2.選擇項(xiàng)目模版，模版可以選擇 iOS -> App ，也可以選擇Multiplatform -> App，因?yàn)?SwiftUI是支持跨蘋果系列的多平臺(tái)的，如：iOS、macOS、watchOS
image-20210421091415031.png
當(dāng)然如果創(chuàng)建項(xiàng)目時(shí)只選擇了 iOS，在后續(xù)也是可以擴(kuò)展支持其他平臺(tái)的
3.填寫項(xiàng)目名稱以及組織 id
image-20210421091810313.png
①在 Interface 處選擇 SwiftUI
②Life Cycle ：可以選擇 SwiftUI App 來管理生命周期，這是SwiftUI2.0新增的；也可以選擇使用 UIKit App Delegate 來進(jìn)行管理。具體這兩者的區(qū)別可以查看視頻看更詳細(xì)的說明
視頻內(nèi)容可以在點(diǎn)擊鏈接學(xué)習(xí)哦：一起學(xué)習(xí) SwiftUI2.0之文檔介紹及項(xiàng)目創(chuàng)建
