Swift微信公眾號: SwiftMic
Hello World
本章教程教將帶你創建第一個 SwiftUI 項目。
開發環境
- Xcode 13.2
- Swift 5.5.2
創建新項目
打開 Xcode，選擇菜單 File -> New -> Project...。
xcode_new_project_1.png
選擇 App 類型，接下來設置好項目名稱（示例名稱為 HelloWorldDemo）。
xcode_new_project_2.png
按上述步驟即可成功創建第一個 SwiftUI 項目。
xcode_new_project_3.png
項目結構
.
├── HelloWorldDemo
│ ├── HelloWorldDemoApp.swift
│ ├── ContentView.swift
│ └── Assets.xcassets
└── Preview Content
└── Preview Assets.xcassets
HelloWorldDemoApp.swift
import SwiftUI
@main
struct HelloWorldDemoApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
@main
使用 @main 注解的 class 或 struct 將作為應用程序的主入口。
App
App 協議中定義了 main() 方法，可配合 @main 注解使用。
Scene
body 遵循 Scene 協議，每個 Scene 包含 view 層級中的 root view，并且生命周期由系統來控制。
ContentView.swift
實現
import SwiftUI
struct ContentView: View {
var body: some View {
Text("Hello, world!")
.padding()
}
}
ContentView 實現了 View 協議，并放置了一個 Text 控件，運行此示例代碼將在界面上輸出一串文本 Hello, world! 。
hello_world.png
預覽
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
ContentView_Previews 用于預覽使用，可在不運行完整程序的情況下查看當前 View 的實際效果，便于調試。
info.plist
如今在左側的工程目錄中不直接顯示 info.plist 文件了，目前已遷移到 Targets -> info 中了。
xcode_new_project_4.png
示例代碼
可參考：HelloWorldDemo
