1. 基本结构 🏗️
SwiftUI 通过声明式语法构建 UI,核心是 View
结构。
struct ContentView: View {
var body: some View {
Text("Hello, SwiftUI!")
.padding()
.font(.title)
}
}
- 使用
@ViewBuilder
自动合成多个子视图 - 通过
body
属性定义视图内容 - 支持嵌套结构与条件渲染
2. 状态管理 🔄
SwiftUI 提供 @State
与 @Binding
管理界面状态。
@State private var isToggled = false
@State
用于声明视图内部状态@Binding
实现父子视图数据联动- 使用
.onChange
监听状态变化
3. 数据绑定 🔗
通过 @EnvironmentObject
实现全局数据共享。
@EnvironmentObject var userModel: UserModel
- 绑定数据可直接在视图中使用
- 支持
@ObservedObject
监听变更 - 与
@Binding
配合实现双向绑定
4. 布局控制 📐
SwiftUI 提供灵活布局工具:
VStack
/HStack
:垂直/水平排列GeometryReader
:自适应布局ZStack
:图层叠加
了解更多 SwiftUI 语法内容,请访问:/Programming/Mobile_Develop/iOS_Tutorials/SwiftUI/Advanced