SwiftUI極簡(jiǎn)開發(fā)

第1章 未來已來：開始使用Swift和SwiftUI 1
1.1 初識(shí)SwiftUI 1
1.2 Swift和SwiftUI的關(guān)系 2
1.3 學(xué)習(xí)SwiftUI之前的準(zhǔn)備工作 3
1.3.1 Mac計(jì)算機(jī) 3
1.3.2 Xcode開發(fā)工具 4
1.3.3 iPhone真機(jī) 5
1.4 創(chuàng)建第一個(gè)SwiftUI項(xiàng)目 5
1.5 Xcode常用功能介紹 8
1.5.1 代碼編輯區(qū)域 9
1.5.2 實(shí)時(shí)預(yù)覽窗口 10
1.5.3 項(xiàng)目預(yù)覽操作欄 12
1.6 項(xiàng)目文件結(jié)構(gòu)詳解 16
1.6.1 項(xiàng)目主文件 17
1.6.2 項(xiàng)目入口文件 20
1.6.3 Assets庫 22
1.6.4 Preview Content文件夾 23
第2章 快速入門：創(chuàng)建第一個(gè)SwiftUI項(xiàng)目 24
2.1 視圖、視圖修飾符、布局方式 24
2.2 Library 27
2.2.1 Views欄目 27
2.2.2 Modifiers欄目 29
2.2.3 Code Snippet欄目 30
2.2.4 Image和Color欄目 31
2.2.5 SF Symbols欄目 31
2.3 實(shí)戰(zhàn)案例：每日一句 32
2.3.1 導(dǎo)入并顯示圖片素材 32
2.3.2 使用Text視圖顯示文字 35
2.3.3 對(duì)多個(gè)視圖進(jìn)行布局 36
2.3.4 調(diào)整視圖的樣式 37
2.3.5 創(chuàng)建“推薦文字”數(shù)據(jù)集 39
2.3.6 實(shí)現(xiàn)參數(shù)綁定 40
2.3.7 實(shí)現(xiàn)隨機(jī)推薦文字 41
第3章 初探動(dòng)畫：感受SwiftUI獨(dú)特的魅力 43
3.1 深入淺出使用Button視圖 43
3.1.1 創(chuàng)建一個(gè)Button視圖 43
3.1.2 修改Button視圖樣式 44
3.1.3 組合多個(gè)Button視圖 46
3.1.4 自定義按鈕樣式 47
3.2 引入條件判斷語句 49
3.2.1 三元運(yùn)算符 49
3.2.2 if-else語句 50
3.2.3 條件判斷語句實(shí)踐 52
3.3 神奇的SwiftUI動(dòng)畫 54
3.3.1 給視圖添加動(dòng)畫效果 54
3.3.2 隱性動(dòng)畫和顯性動(dòng)畫 55
3.3.3 轉(zhuǎn)場(chǎng)動(dòng)畫 57
第4章 視圖精析：探索SwiftUI自動(dòng)布局機(jī)制 60
4.1 View和some View的區(qū)別 60
4.2 修飾符適用場(chǎng)景 63
4.2.1 Image視圖常用修飾符 63
4.2.2 Text視圖常用修飾符 65
4.2.3 Stack布局容器常用修飾符 66
4.3 創(chuàng)建可交互的按鈕 69
4.4 SwiftUI界面布局規(guī)則 70
4.4.1 視圖的尺寸大小 71
4.4.2 視圖的位置 72
第5章 布局練習(xí)：開發(fā)一個(gè)“個(gè)人簡(jiǎn)介”界面 74
5.1 搭建“基本信息”欄目 74
5.1.1 個(gè)人頭像 75
5.1.2 個(gè)人信息 78
5.1.3 個(gè)人介紹 83
5.2 搭建“個(gè)人成就”欄目 84
5.2.1 單個(gè)數(shù)據(jù)指標(biāo) 84
5.2.2 多個(gè)數(shù)據(jù)指標(biāo) 85
5.2.3 視圖背景色 88
5.3 搭建“專欄列表”欄目 89
5.3.1 數(shù)據(jù)模型 89
5.3.2 單個(gè)文章專欄 91
5.3.3 多個(gè)文章專欄 92
5.4 項(xiàng)目預(yù)覽 94
第6章 代碼整理：讓項(xiàng)目代碼更加清晰 96
6.1 自定義some View 96
6.1.1 封面圖片視圖 97
6.1.2 Slogan文字視圖 97
6.1.3 快捷登錄入口視圖 98
6.1.4 用戶條款視圖 99
6.2 自定義結(jié)構(gòu)體 102
6.2.1 自定義LoginBtnView視圖 103
6.2.2 使用LoginBtnView視圖 104
6.3 自定義extension方法 105
6.4 項(xiàng)目文件整理 107
6.4.1 代碼塊管理 107
6.4.2 文件夾管理 108
第7章 項(xiàng)目實(shí)戰(zhàn)：開發(fā)一款“Note筆記”應(yīng)用 111
7.1 搭建Note數(shù)據(jù)模型 111
7.2 搭建“Note筆記”界面 113
7.2.1 筆記列表 114
7.2.2 界面標(biāo)題 117
7.2.3 新增按鈕 118
7.3 搭建“新增筆記”界面 119
7.3.1 文本框 119
7.3.2 按鈕組 121
7.4 實(shí)現(xiàn)App的相關(guān)功能 124
7.4.1 打開彈窗 124
7.4.2 關(guān)閉彈窗 126
7.4.3 新增筆記 130
7.4.4 刪除筆記 132
第8章 項(xiàng)目實(shí)戰(zhàn)：開發(fā)一款“BMI計(jì)算器”應(yīng)用 134
8.1 Form視圖介紹 134
8.2 搭建“BMI計(jì)算頁”界面 137
8.2.1 信息錄入 137
8.2.2 參考標(biāo)準(zhǔn) 139
8.2.3 計(jì)算按鈕 142
8.2.4 界面標(biāo)題 143
8.3 搭建“BMI結(jié)果頁”界面 145
8.3.1 計(jì)算結(jié)果 145
8.3.2 “重新計(jì)算”按鈕 148
8.4 實(shí)現(xiàn)App的相關(guān)功能 149
8.4.1 界面跳轉(zhuǎn) 149
8.4.2 返回跳轉(zhuǎn) 151
8.4.3 BMI計(jì)算 152
8.4.4 BMI結(jié)果 153
第9章 參數(shù)存儲(chǔ)：初識(shí)數(shù)據(jù)持久化機(jī)制 156
9.1 搭建“常規(guī)設(shè)置”欄目 156
9.1.1 消息通知 157
9.1.2 深色模式 158
9.2 搭建“個(gè)性化”欄目 160
9.2.1 主題顏色 161
9.2.2 系統(tǒng)語言 162
9.2.3 字體大小 164
9.3 搭建“關(guān)于我們”欄目 165
9.3.1 意見反饋 165
9.3.2 去Apple Store評(píng)分 167
9.3.3 關(guān)于應(yīng)用 169
9.4 實(shí)現(xiàn)參數(shù)持久化方法 170
9.4.1 UserDefaults 171
9.4.2 @AppStorage屬性包裝器 172
第10章 網(wǎng)絡(luò)請(qǐng)求：連接這個(gè)多彩的世界 174
10.1 從互聯(lián)網(wǎng)上請(qǐng)求一張圖片 174
10.1.1 使用AsyncImage視圖 175
10.1.2 添加默認(rèn)視圖 175
10.1.3 設(shè)置不同狀態(tài)下的視圖 176
10.1.4 實(shí)現(xiàn)刷新功能 178
10.2 URLSession網(wǎng)絡(luò)請(qǐng)求框架 180
10.2.1 基礎(chǔ)視圖搭建 180
10.2.2 實(shí)現(xiàn)網(wǎng)絡(luò)請(qǐng)求方法 181
10.3 開發(fā)一個(gè)“壁紙推薦”界面 183
10.3.1 數(shù)據(jù)模型 184
10.3.2 單張壁紙 185
10.3.3 壁紙列表 187
10.3.4 界面標(biāo)題 188
10.3.5 網(wǎng)絡(luò)請(qǐng)求 189
第11章 架構(gòu)設(shè)計(jì)：深入淺出MVVM模式 192
11.1 開發(fā)一個(gè)“歷史上的今天”界面 193
11.1.1 數(shù)據(jù)模型 193
11.1.2 視圖 194
11.1.3 視圖模型 196
11.2 搭建底部導(dǎo)航欄 200
11.3 開發(fā)一個(gè)“日歷”界面 201
11.3.1 搭建當(dāng)前年月欄目 202
11.3.2 實(shí)現(xiàn)更新日期方法 202
11.3.3 實(shí)現(xiàn)格式化日期拓展方法 204
11.3.4 搭建工作周欄目 205
11.3.5 搭建日歷時(shí)間欄目 206
11.3.6 實(shí)現(xiàn)獲得日期數(shù)組方法 207
11.3.7 實(shí)現(xiàn)格式化時(shí)間拓展方法 209
11.3.8 實(shí)現(xiàn)起始日期匹配方法 210
11.3.9 實(shí)現(xiàn)選中當(dāng)前日期方法 212
第12章 設(shè)備管理：掌握Core Services的奧秘 215
12.1 開發(fā)一個(gè)“身份認(rèn)證”界面 215
12.1.1 卡片樣式 216
12.1.2 視圖界面 217
12.2 實(shí)現(xiàn)“人臉識(shí)別”欄目的功能 218
12.2.1 創(chuàng)建FaceIDAuthManager數(shù)據(jù)模型 218
12.2.2 實(shí)現(xiàn)FaceID認(rèn)證方法 218
12.2.3 配置FaceID認(rèn)證權(quán)限 219
12.2.4 調(diào)用FaceID認(rèn)證功能 220
12.3 實(shí)現(xiàn)上傳證件功能 221
12.3.1 實(shí)現(xiàn)拍照和圖片上傳方法 221
12.3.2 配置相冊(cè)和相機(jī)權(quán)限 223
12.3.3 實(shí)現(xiàn)選擇上傳方式彈窗 223
12.3.4 調(diào)用圖片上傳方法 225
12.3.5 實(shí)現(xiàn)顯示上傳圖片邏輯 227
第13章 數(shù)據(jù)存儲(chǔ)：使用FileManager 230
13.1 搭建底部導(dǎo)航欄 231
13.2 開發(fā)一個(gè)“推薦”界面 232
13.2.1 sentences文字?jǐn)?shù)組 232
13.2.2 文字卡片 233
13.2.3 滑動(dòng)卡片 234
13.2.4 “收藏”按鈕 236
13.3 開發(fā)一個(gè)“筆記”界面 237
13.3.1 數(shù)據(jù)模型 237
13.3.2 視圖模型 237
13.3.3 視圖 238
13.4 實(shí)現(xiàn)收藏文字功能 241
13.4.1 實(shí)現(xiàn)獲得文字方法 241
13.4.2 實(shí)現(xiàn)添加筆記方法 243
13.4.3 實(shí)現(xiàn)獲得當(dāng)前日期方法 243
13.4.4 調(diào)用添加筆記方法 244
13.4.5 共享ViewModel實(shí)例 245
13.5 實(shí)現(xiàn)數(shù)據(jù)持久化功能 246
13.5.1 實(shí)現(xiàn)存儲(chǔ)筆記方法 246
13.5.2 實(shí)現(xiàn)讀取筆記方法 248
13.5.3 實(shí)現(xiàn)刪除筆記方法 249
第14章 項(xiàng)目實(shí)戰(zhàn)：開發(fā)一款“目標(biāo)人生”應(yīng)用 252
14.1 開發(fā)一個(gè)“啟動(dòng)頁”界面 252
14.1.1 使用Launch Screen文件 252
14.1.2 設(shè)置Launch Screen來源 255
14.1.3 預(yù)覽“啟動(dòng)頁”界面 255
14.2 開發(fā)一個(gè)“引導(dǎo)頁”界面 256
14.2.1 功能卡片 256
14.2.2 輪播卡片 257
14.2.3 “開始使用”按鈕 258
14.3 開發(fā)一個(gè)“創(chuàng)建目標(biāo)”界面 259
14.3.1 目標(biāo)名稱 259
14.3.2 達(dá)成日期 260
14.3.3 日期格式化 261
14.3.4 操作按鈕 263
14.4 實(shí)現(xiàn)打開/關(guān)閉彈窗功能 264
14.4.1 打開彈窗 264
14.4.2 通用設(shè)置 265
14.4.3 關(guān)閉彈窗 267
14.5 開發(fā)一個(gè)“首頁”界面 267
14.5.1 數(shù)據(jù)模型 268
14.5.2 單例模式 271
14.5.3 視圖模型 272
14.5.4 視圖 273
14.6 實(shí)現(xiàn)新增目標(biāo)功能 278
14.6.1 實(shí)現(xiàn)新增目標(biāo)方法 278
14.6.2 調(diào)用新增目標(biāo)方法 279