|CHAPTER 01| SwiftUI的介紹

1.1 宣告式程式設計與指令式程式設計

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 使用SwiftUI建立新專案

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 本章小結



|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中Optionals的處理

4.9 使用留白

4.10 作業?：建立新佈局



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

5.1 建立卡片式UI

5.2 ScrollView的介紹

5.3 作業?：加入標題至目前的滾動視圖

5.4 使用水平ScrollView建立輪播式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 本章小結



|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 作業：建立多樣化佈局的清單視圖



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

11.1 準備起始專案

11.2 實作導覽視圖

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

11.4 自訂導覽列

11.5 作業：建立導覽UI

11.6 建立細節視圖

11.7 移除揭示指示器

11.8 具有自訂返回按鈕的精緻UI

11.9 本章小結



|CHAPTER 12| 實作強制回應視圖、浮動按鈕與警告提示視窗

12.1 了解SwiftUI的工作表

12.2 準備起始專案

12.3 使用isPresented實作強制回應視圖

12.4 變更導覽視圖樣式

12.5 使用Optional綁定實作強制回應視圖

12.6 建立浮動按鈕來解除強制回應視圖

12.7 使用警告提示視窗

12.8 顯示全螢幕強制回應視圖

12.9 本章小結



|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| 使用SwiftUI手勢與GeometryReader建立展開式底部表

18.1 了解起始專案

18.2 建立餐廳細節視圖

18.3 使視圖可滾動

18.4 調整偏移量

18.5 帶出細節視圖

18.6 加入動畫

18.7 加入手勢支援

18.8 處理半開狀態

18.9 處理全開狀態

18.10 PreferenceKey的介紹

18.11 本章小結



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

19.1 專案準備

19.2 建立卡片視圖與選單列

19.3 實作卡片庫

19.4 實作滑動動作

19.5 顯示心形與×形圖示

19.6 刪除/插入卡片

19.7 微調動畫

19.8 本章小結



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

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 本章小結



?