[2024 鐵人賽] Day 22: 更新帳務報表頁面 – 顯示分類比例與總金額
![[2024 鐵人賽] Day 22: 更新帳務報表頁面 - 顯示分類比例與總金額](https://ooorito.com/wp-content/uploads/2024/10/Day22-768x560.webp)
Day22 我們優化 Day21 實作的帳務報表,加入分類支出比例顯示、改進物品列表為分類總金額顯示,並通過滑動頁面展示更多分類,提升使用者體驗。
![[2024 鐵人賽] Day 22: 更新帳務報表頁面 - 顯示分類比例與總金額](https://ooorito.com/wp-content/uploads/2024/10/Day22-768x560.webp)
Day22 我們優化 Day21 實作的帳務報表,加入分類支出比例顯示、改進物品列表為分類總金額顯示,並通過滑動頁面展示更多分類,提升使用者體驗。
![[2024 鐵人賽] Day 21: SwiftUI 帳務報表 - 圓餅圖](https://ooorito.com/wp-content/uploads/2024/10/Day21-768x569.webp)
在 Day 21 中,我們使用 DGCharts 實作 SwiftUI 帳務報表,並透過實作圓餅圖,將資料按照物品分類金額比例進行顯示。學習如何整合 DGCharts 並實現總金額和物品清單的顯示。
![[2024 鐵人賽] Day 20: SwiftUI 優化新增與編輯物品頁面](https://ooorito.com/wp-content/uploads/2024/10/Day20-768x576.webp)
Day20 我們將家用品與分類和地點整合,並優化 SwiftUI 新增與編輯物品的頁面,讓使用者可以輕鬆設定物品的分類與存放地點,提升整體管理體驗,並簡化程式碼。
![[2024鐵人賽] Day19: SwiftUI 分類管理、地點管理與側邊欄結合](https://ooorito.com/wp-content/uploads/2024/10/Day19-768x576.webp)
Day19 我們將 SwiftUI 的分類管理、地點管理與側邊欄進行整合,並進一步優化物品管理功能。在這篇文章中,我們實作修改 Item 模型,實現物品與分類和地點的關聯,讓使用者在新增、編輯時選擇分類與地點,並在首頁顯示分類圖示與存放位置,提升管理效率與使用者體驗。
![[2024 鐵人賽]Day18: SwiftUI 地點管理功能實作](https://ooorito.com/wp-content/uploads/2024/09/Day18-768x576.webp)
Day18我們完成了地點管理功能的實作,讓使用者能夠在App中輕鬆查看、刪除和新增家中的地點。使用者可以透過彈跳視窗輸入地點名稱並選擇顏色,這些資料會即時儲存到資料庫並更新地點列表。這樣的設計大幅提升了使用者的管理效率,未來也將會整合到側邊欄與家用品分類功能中,讓地點與物品管理更加直覺方便。
![[2024 鐵人賽] Day 17: SwiftUI 新增分類功能實作](https://ooorito.com/wp-content/uploads/2024/09/Day17-768x576.webp)
Day17我們完成新增分類功能,實作 AddCategoryView,並搭配 AddCategoryViewModel,讓使用者能夠輕鬆地新增新的分類至 App。透過動態元件,使用者可以輸入分類名稱、選擇合適的圖示和大分類,然後即時將這些資料儲存至 Core Data 資料庫中。
![[2024 鐵人賽] Day 16: SwiftUI 分類列表設計與實作](https://ooorito.com/wp-content/uploads/2024/09/Day16-768x551.webp)
Day16 我們使用 SwiftUI 實作分類列表頁面,並透過 ViewModel 管理分類資料,讓使用者能夠查看所有分類、進行編輯與刪除操作。同時,我們實作動態的 UI,確保分類能夠即時更新,提供流暢的使用體驗。
![[2024 鐵人賽] Day 15: SwiftUI 資料設計與初始化](https://ooorito.com/wp-content/uploads/2024/09/Day15-768x551.webp)
Day 15 在 SwiftUI 中設計和初始化 Core Data 資料模型,並實作物品分類與家中地點的儲存功能。透過 CRUD 操作及資料初始化,App 在首次啟動時會自動建立預設的資料,讓使用者能方便使用。

Day14 我們在 SwiftUI 中為家用品管理 App 建立一個自訂的側邊欄(SlideMenu),包含管理分類、管理地點、帳務報表與聯絡選項。透過側邊欄,讓使用者能更方便地操作和瀏覽,提升 App 的使用體驗。我們從定義選單項目到整合側邊欄至主畫面的過程,並展示如何透過自訂的 SlideMenu 元件一步步說明。