在今天的挑戰中,我們要加入一個重要的功能,就是掃描發票 QRCode 來幫助使用者加入家用品。這個功能會幫助使用者能夠更快速、方便的加入所購買的家用品。雖然今天...
我們今天要來接續昨天實作的帳務報表頁面,進行進一步優化,主要是優化分類支出的呈現,讓使用者能快速掌握消費狀況。在現有的圓餅圖基礎上,新增顯示每個分類支出比例的區...
今天我們將在帳務報表頁面實作一個圓餅圖,使用 DGCharts 顯示每個物品的分類比例,讓我們能更方便地了解各分類在整體帳務中的比例。除了圓餅圖之外,還會顯示物...
昨天我們更新家用品所使用的 Item 模型,今天就可以來繼續整合家用品與分類和地點,並優化頁面。讓使用者在 App 中新增或編輯家用品時,可以方便地設定物品的分...
我們今天要來把前幾天寫的管理分類和管理地點與側邊欄結合,並且對 Item 模型進行修改,讓它能與分類和地點進行關聯。這樣,使用者在新增或修改物品時,能夠指定物品...
為了讓使用者輕鬆管理家中的物品並清楚掌握存放位置,我們加入地點管理功能。今天我們將實作地點管理功能,讓使用者能夠方便地查看、刪除和新增地點。準備好了嗎?讓我們開...
我們來接續昨天製作的管理分類功能吧,昨天我們實作查詢和刪除的功能,今天我們將進一步實作新增分類的功能,讓使用者能夠輕鬆地將新的分類加入到管理系統中。Let's...
昨天我們設計了分類資料的模型,並初始化了一些預設資料。今天,我們將專注於如何使用這些資料來建立分類列表頁面,讓使用者可以查看並管理他們的分類。 目標 今天的目標...
在 SwiftUI 開發過程中,資料模型的設計與初始化是一個非常重要的環節,因為它決定了 App 如何儲存、處理和展示資料。 還記得我們昨天在側邊欄中新增了兩個...
今天我們將在家用品管理 App 的主頁中新增一個側邊欄,來提升 App 的 UX。這個側邊欄不僅能夠方便使用者快速瀏覽不同的物品分類,還可以包含管理、報表、聯絡...
昨天提到新增項目時,使用者只能輸入兩個欄位,為了避免程式閃退,我們在 addItem 方法中使用了預設值。然而,這並不是最佳解決方案。因此,我們將讓使用者自行輸...
在過去的幾天裡,我們成功地實作家用品清單的新增和刪除功能。今天,我們要進一步讓這些資料不再只是暫時存在記憶體中,而是能夠永久儲存。為了實現這個目標,我們將學習如...
在學習了如何使用 List 來顯示家用品清單後,今天我們要更進一步,實作讓使用者能夠新增和刪除家用品項目的功能。 新增項目 我們首先來實作新增項目的功能。這裡我...
昨天我們討論 MVVM 架構,並介紹如何使用 @Published 和 @StateObject 在 SwiftUI 中實現資料與 View 的同步。在練習過程...
昨天的結尾我們稍微提到 MVVM 架構,在開始動手製作 App 之前,讓我們先來深入了解一下 MVVM 吧!MVVM(Model-View-ViewModel)...
前幾天我們都在研究 UI 的顯示和樣式,但在 App 中,經常需要將資料載入 UI 並顯示給使用者看。今天,我們來認識 SwiftUI 的 State 與 Bi...
昨天我們一起研究了 SwiftUI 中一些常見的 View Modifiers,像是 padding() 和 background() 等等。今天,我們要來更進...
昨天我們一起練習了一些 SwiftUI 常用的 UI 元件,還試著改變了它們的外觀。但有沒有想過,這些讓 UI 元件變得更好看的語法到底是什麼?沒錯,就是我們今...
終於要動手嘗試寫程式了!我們平常在使用的 App 裡經常出現的文字、按鈕、圖片等元素,其實都是由一些基礎的 UI 元件組成的。今天,我們就一起來摸索這些常用的...
對於平常使用 UIKit 的我來說,這個專案結構對我來說有點認識,又有一點不認識😂。我認為在 SwiftUI 的開發旅程中,理解專案的基本結構是非常重要的一步。...
今天我們將與 SwiftUI 打聲招呼,並開啟我們的家庭日用品庫存管理 App 專案。在 Day1 的介紹中,我們已經知道如何安裝 Xcode,現在是時候讓我們...
前言 我一直都是使用 UIKit 來開發 iOS App,從來都沒有學習過 SwiftUI。最近打算來學習一下,並且把學習過程都記錄下來,剛好有朋友邀請我一起組...
前文 昨天介紹完 SwiftData 的運用,今天要來介紹SPM。 什麼是SPM Swift Package Manager (SPM) 是一個用於管理 Sw...
前文 昨天教完各位如何編輯完資料之後,今天會教各位怎麼排序資料。 建立排序的按鈕 先建立一個 sort 然後是 Bool 型別的,然後在建立一個按鈕用來表示資...
前文 昨天我們弄好主要頁面之後,今天我們要使用 Chart 的圓餅圖來觀察我們的資料。 首先我們要先創一個頁面在 View 資料夾裡,取名叫做 Home ,然...
前文 昨天實作完新增跟刪除之後,今天我們要來編輯資料,那因為原本官方的範例是時間戳那這個比較不符合我們要刪除資料的規範,通常刪除資料可能會透過 ID (Prim...
前文 昨天實作完新增跟刪除之後,我們之後要使用Chart這個框架來搭配SwiftData,所以我們今天要重新設計一個資料模型。 Model 這邊是資料表的內容...
前言 昨天教完各位使用SwiftData 必須做的前置步驟後,今天我們開始要來講解怎麼把資料做新增跟刪除。 這邊我們看到 ContentView 最底下的...
(2024/08/19更新)Hi這幾天我陸續把文章刪掉了因為我之前是用fb登入IT邦但是一直遇到應用程式並非使用中此應用程式目前無法使用且應用程式開發人員已得...
前言 昨天介紹完 MVVM 後 今天終於要來實作 SwiftData 了那開啟專案後是不是發現多了 Item 跟 ContentView 然後裡面都已經寫了一...