|CHAPTER 01| SwiftUI介紹

1.1 宣告式程式設計vs命令式程式設計

1.2 不再需要介面建構器與自動佈局

1.3 Combine方式

1.4 學一次，到處適用

1.5 與UIKit/AppKit/WatchKit的介接

1.6 下一個專案改採SwiftUI



|CHAPTER 02| 開始使用SwiftUI及處理文字

2.1 建立新專案來使用SwiftUI

2.2 顯示簡單的文字

2.3 變更字型與顏色

2.4 處理多行文字

2.5 設定間距與行距

2.6 旋轉文字

2.7 使用自訂字型

2.8 本章小結



|CHAPTER 03| 處理圖片與標籤

3.1 建立新專案來運用圖片

3.2 認識SF Symbols

3.3 顯示系統圖片

3.4 使用自己的圖片

3.5 調整圖片大小

3.6 Aspect Fit與Aspect Fill

3.7 建立圓形圖片

3.8 調整不透明度

3.9 應用圖片重疊

3.10 應用重疊使圖片變暗

3.11 將多色套用於SF Symbols

3.12 可變顏色

3.13 本章小結



|CHAPTER 04| 使用堆疊佈局使用者介面

4.1 認識VStack、HStack與ZStack

4.2 啟用SwiftUI建立新專案

4.3 使用VStack

4.4 使用HStack

4.5 整理程式碼

4.6 使用ZStack

4.7 作業?：佈局Team售價方案

4.8 SwiftUI中處理可選型別

4.9 使用留白

4.10 作業?：建立新佈局



|CHAPTER 05| 了解滾動視圖及建立輪播式UI

5.1 建立卡片式UI

5.2 ScrollView介紹

5.3 作業?：加入標題至現有滾動視圖

5.4 使用水平滾動視圖建立輪播式UI

5.5 隱藏滾動指示器

5.6 群組視圖內容

5.7 自動調整文字大小

5.8 作業?：重新排列視圖



|CHAPTER 06| 使用SwiftUI按鈕、標籤與漸層

6.1 啟用SwiftUI建立新專案

6.2 自訂按鈕的字型與背景

6.3 按鈕加上邊框

6.4 建立帶有圖片與文字的按鈕

6.5 使用標籤

6.6 建立帶有漸層背景與陰影的按鈕

6.7 建立全寬度按鈕

6.8 使用ButtonStyle設計按鈕樣式

6.9 作業：旋轉圖示

6.10 在iOS中設計按鈕樣式

6.11 將樣式應用於多個按鈕

6.12 使用按鈕角色

6.13 本章小結



|CHAPTER 07| 了解狀態與綁定

7.1 啟用SwiftUI建立新專案

7.2 控制按鈕的狀態

7.3 作業?：建立計數器按鈕

7.4 使用綁定

7.5 作業?：使每個按鈕都有自己的計數器

7.6 本章小結



|CHAPTER 08| 實作路徑與形狀來繪製線條與圓餅圖

8.1 了解Path

8.2 使用Stroke繪製邊框

8.3 繪製曲線

8.4 Fill與Stroke

8.5 繪製圓弧與圓餅圖

8.6 了解Shape協定

8.7 使用內建形狀

8.8 使用Shape建立進度指示器

8.9 繪製環圈圖

8.10 本章小結



|CHAPTER 09| 基礎動畫與轉場

9.1 隱式動畫與顯式動畫

9.2 使用RotationEffect建立下載指示器

9.3 建立進度指示器

9.4 延遲動畫

9.5 將矩形變形為圓形

9.6 了解轉場

9.7 作業?：使用動畫與轉場建立精美按鈕

9.8 作業?：視圖轉場動畫

9.9 本章小結



|CHAPTER 10| 了解清單、ForEach與識別

10.1 建立簡單的清單

10.2 建立具有文字與圖片的清單視圖

10.3 重構程式碼

10.4 變更分隔線的顏色

10.5 隱藏清單分隔線

10.6 自訂滾動區域的背景

10.7 作業：建立多樣化佈局的清單視圖



|CHAPTER 11| 使用導覽UI及自訂導覽列

11.1 準備起始專案

11.2 實作導覽堆疊

11.3 使用NavigationLink傳送資料至細節視圖

11.4 自訂導覽列

11.5 設定字型與顏色

11.6 自訂返回按鈕的圖片與顏色

11.7 自訂返回按鈕

11.8 作業：建立導覽UI

11.9 建立細節視圖

11.10 移除揭示指示器

11.11 帶有自訂返回按鈕的精緻UI

11.12 本章小結



|CHAPTER 12| 實作模態視圖、浮動按鈕與警告提示視窗

12.1 了解SwiftUI的工作表

12.2 準備起始專案

12.3 使用isPresented實作模態視圖

12.4 使用可選綁定實作模態視圖

12.5 建立浮動按鈕來關閉模態視圖

12.6 使用警告提示視窗

12.7 顯示全螢幕模態視圖

12.8 本章小結



|CHAPTER 13| 使用選擇器、切換開關與步進器建立表單

13.1 準備起始專案

13.2 建立表單UI

13.3 建立選擇器視圖

13.4 使用切換開關

13.5 使用步進器

13.6 顯示表單

13.7 作業：關閉設定視圖

13.8 下一章的主題



|CHAPTER 14| 使用Combine與Environment物件進行資料共享

14.1 使用列舉重構程式碼

14.2 在UserDefaults中儲存使用者偏好

14.3 使用@EnvironmentObject在視圖間共享資料

14.4 實作篩選選項

14.5 實作排序選項

14.6 下一章的主題



|CHAPTER 15| 使用Combine與視圖模型建立註冊表單

15.1 使用SwiftUI佈局表單

15.2 了解Combine

15.3 Combine與MVVM

15.4 本章小結



|CHAPTER 16| 使用滑動刪除、內容選單與動作表

16.1 準備起始專案

16.2 實作滑動刪除

16.3 建立內容選單

16.4 使用動作表

16.5 作業：加入打卡功能



|CHAPTER 17| 了解手勢

17.1 使用手勢修飾器

17.2 使用長按手勢

17.3 @GestureState屬性包裹器

17.4 使用拖曳手勢

17.5 組合手勢

17.6 使用列舉重構程式碼

17.7 建立通用的可拖曳視圖

17.8 作業：建立通用的可縮放視圖

17.9 本章小結



|CHAPTER 18| 使用外觀定位點顯示展開式底部表

18.1 外觀定位點介紹

18.2 了解起始專案

18.3 建立餐廳細節視圖

18.4 使視圖可滾動

18.5 帶出細節視圖

18.6 隱藏拖曳指示器

18.7 使用分數與高度控制大小

18.8 儲存選定的定位點

18.9 本章小結



|CHAPTER 19| 使用手勢與動畫建立如Tinder的UI

19.1 專案準備

19.2 建立卡片視圖與選單列

19.3 實作卡片庫

19.4 實作滑動動作

19.5 顯示心形與×形圖示

19.6 刪除/插入卡片

19.7 微調動畫

19.8 本章小結



|CHAPTER 20| 建立如Apple錢包的動畫與視圖轉場

20.1 專案準備

20.2 建立卡片視圖

20.3 建立錢包視圖與卡片庫

20.4 加入滑入動畫

20.5 處理點擊手勢與顯示交易歷史紀錄

20.6 使用拖曳手勢重新排列卡片

20.7 本章小結



|CHAPTER 21| 使用JSON、滑桿與資料篩選

21.1 了解JSON與Codable

21.2 使用JSONDecoder與Codable

21.3 使用自訂屬性名稱

21.4 使用巢狀JSON物件

21.5 使用陣列

21.6 建立Kiva貸款App

21.7 呼叫Web API

21.8 本章小結