[2024 鐵人賽] Day 20: SwiftUI 優化新增與編輯物品頁面
![[2024 鐵人賽] Day 20: SwiftUI 優化新增與編輯物品頁面](https://ooorito.com/wp-content/uploads/2024/10/Day20-768x576.webp)
Day20 我們將家用品與分類和地點整合,並優化 SwiftUI 新增與編輯物品的頁面,讓使用者可以輕鬆設定物品的分類與存放地點,提升整體管理體驗,並簡化程式碼。
![[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 元件一步步說明。
![[2024 鐵人賽] Day 13: SwiftUI 編輯項目頁面設計](https://ooorito.com/wp-content/uploads/2024/09/Day13-768x576.webp)
Day 13 我們成功完成了家用品管理 App 的編輯功能,讓使用者可以輕鬆更新現有項目的名稱、數量、價格等資訊,並記錄已使用的數量。我們實作一個編輯頁面,包括驗證使用者輸入的資料格式,並讓這些資料正確地保存到 Core Data 中。讓 App 具備更高的實用性和易用性。
![[2024 鐵人賽] Day 12: SwiftUI 新增項目頁面與懸浮按鈕設計](https://ooorito.com/wp-content/uploads/2024/08/Day12-768x551.webp)
Day 12 我們進一步改進家用品管理 App,在首頁新增懸浮按鈕,讓使用者能進入到我們新增完整的新增項目頁面。在這裡,使用者可以自行輸入所有必要的欄位,透過 ViewModel 驗證輸入欄位,並使用第三方套件 AlertToast 提示資料格式錯誤或成功的訊息,讓資料輸入正確且順暢,提升整體使用體驗。