SwiftUI 开发指南，新手必须要知道的

SwiftUI 开发快速入门指南

1. 开发准备

环境搭建

1. 安装最新版 Xcode（App Store 或 官网下载）
2. 新建项目：选择 iOS -> Single View App
3. 项目命名（如 Scrumdinger），界面选择 SwiftUI
4. 核心开发文件：
   • ViewController.swift (UIKit 桥接文件)
   • ContentView.swift (SwiftUI 主视图)

2. SwiftUI 核心布局

布局容器三剑客

容器类型	排列方式	适用场景
VStack	垂直排列（纵向）	表单、设置项列表
HStack	水平排列（横向）	导航栏、图文混排
ZStack	层叠排列（Z轴）	浮动按钮、叠加蒙层

3. 数据建模实践

模型文件结构

// Theme.swift
struct Theme: Identifiable {
    let id = UUID()
    var name: String
    var primaryColor: Color
    var accentColor: Color
}

// DailyScrum.swift
struct DailyScrum: Identifiable {
    let id = UUID()
    var title: String
    var attendees: [String]
    var durationInMinutes: Int
}

4. 状态管理核心

@State 与 @Binding 对比

特性	@State	@Binding
作用范围	当前视图私有状态	跨视图状态共享
存储方式	值类型存储	引用类型传递
适用场景	按钮高亮状态、临时表单数据	父子组件数据同步

状态流程图解

5. 样式修饰技巧

内边距高级用法

// 基础用法
Text("Hello").padding()  // 默认边距
Text("World").padding(10) // 统一边距

// 定向边距
VStack {
    Text("Top").padding(.top, 20)
    Text("Leading").padding(.leading, 15)
}

// 组合边距
Button("Submit") {}
    .padding(.horizontal, 20)
    .padding(.vertical, 10)

6. 常用框架解析

核心框架对比

框架	主要功能	典型应用场景
Foundation	基础数据类型/网络/文件管理	数据处理/网络请求
SwiftUI	声明式UI开发	跨平台界面构建
CoreData	对象关系映射(ORM)	本地数据持久化

扩展工具库推荐

• 网络请求：Alamofire（简化HTTP请求）
• JSON解析：SwiftyJSON（类型安全解析）
• 异步编程：Combine（响应式编程框架）
• 图片加载：Kingfisher（高效缓存策略）

常见问题解答

Q1: 如何实现语音辅助功能？

Button(action: {}) {
    Text("确认")
}
.accessibility(label: Text("提交表单按钮"))
.accessibility(hint: Text("双击以完成订单支付"))

Q2: React Native 主题管理方案

1. 使用styled-components配合ThemeProvider
2. 创建主题配置文件：

// theme.js
export const lightTheme = {
    primary: '#FFFFFF',
    text: '#333333'
}

export const darkTheme = {
    primary: '#1A1A1A',
    text: '#FFFFFF'
}

扩展阅读

• Swift 语法速查手册
• SwiftUI 官方教程
• CoreData 最佳实践