iT邦幫忙

swiftui相關文章
共有 237 則文章
鐵人賽 Mobile Development DAY 23

技術 Day 23: 掃描發票 QRCode 與取得內容

在今天的挑戰中,我們要加入一個重要的功能,就是掃描發票 QRCode 來幫助使用者加入家用品。這個功能會幫助使用者能夠更快速、方便的加入所購買的家用品。雖然今天...

鐵人賽 Mobile Development DAY 22

技術 Day 22: 更新帳務報表頁面 - 顯示分類比例與總金額

我們今天要來接續昨天實作的帳務報表頁面,進行進一步優化,主要是優化分類支出的呈現,讓使用者能快速掌握消費狀況。在現有的圓餅圖基礎上,新增顯示每個分類支出比例的區...

鐵人賽 Mobile Development DAY 21

技術 Day 21: SwiftUI 帳務報表 - 圓餅圖

今天我們將在帳務報表頁面實作一個圓餅圖,使用 DGCharts 顯示每個物品的分類比例,讓我們能更方便地了解各分類在整體帳務中的比例。除了圓餅圖之外,還會顯示物...

鐵人賽 Mobile Development DAY 20

技術 Day 20: SwiftUI 優化新增與編輯物品頁面

昨天我們更新家用品所使用的 Item 模型,今天就可以來繼續整合家用品與分類和地點,並優化頁面。讓使用者在 App 中新增或編輯家用品時,可以方便地設定物品的分...

鐵人賽 Mobile Development DAY 19

技術 Day19: SwiftUI 分類管理、地點管理與側邊欄結合,提升物品管理功能

我們今天要來把前幾天寫的管理分類和管理地點與側邊欄結合,並且對 Item 模型進行修改,讓它能與分類和地點進行關聯。這樣,使用者在新增或修改物品時,能夠指定物品...

鐵人賽 Mobile Development DAY 18

技術 Day18: SwiftUI 地點管理功能實作

為了讓使用者輕鬆管理家中的物品並清楚掌握存放位置,我們加入地點管理功能。今天我們將實作地點管理功能,讓使用者能夠方便地查看、刪除和新增地點。準備好了嗎?讓我們開...

鐵人賽 Mobile Development DAY 17

技術 Day 17: SwiftUI 新增分類功能實作

我們來接續昨天製作的管理分類功能吧,昨天我們實作查詢和刪除的功能,今天我們將進一步實作新增分類的功能,讓使用者能夠輕鬆地將新的分類加入到管理系統中。Let's...

鐵人賽 Mobile Development DAY 16

技術 Day 16: SwiftUI 分類列表設計與實作

昨天我們設計了分類資料的模型,並初始化了一些預設資料。今天,我們將專注於如何使用這些資料來建立分類列表頁面,讓使用者可以查看並管理他們的分類。 目標 今天的目標...

鐵人賽 Mobile Development DAY 15

技術 Day 15: SwiftUI 資料設計與初始化

在 SwiftUI 開發過程中,資料模型的設計與初始化是一個非常重要的環節,因為它決定了 App 如何儲存、處理和展示資料。 還記得我們昨天在側邊欄中新增了兩個...

鐵人賽 Mobile Development DAY 14

技術 Day 14: SwiftUI 建立側邊欄

今天我們將在家用品管理 App 的主頁中新增一個側邊欄,來提升 App 的 UX。這個側邊欄不僅能夠方便使用者快速瀏覽不同的物品分類,還可以包含管理、報表、聯絡...

鐵人賽 Mobile Development DAY 12

技術 Day 12: SwiftUI 新增項目頁面與懸浮按鈕設計

昨天提到新增項目時,使用者只能輸入兩個欄位,為了避免程式閃退,我們在 addItem 方法中使用了預設值。然而,這並不是最佳解決方案。因此,我們將讓使用者自行輸...

鐵人賽 Mobile Development DAY 11

技術 Day 11: 將資料儲存到 Core Data

在過去的幾天裡,我們成功地實作家用品清單的新增和刪除功能。今天,我們要進一步讓這些資料不再只是暫時存在記憶體中,而是能夠永久儲存。為了實現這個目標,我們將學習如...

鐵人賽 Mobile Development DAY 10

技術 Day 10: 在 SwiftUI 中實現新增與刪除家用品項目

在學習了如何使用 List 來顯示家用品清單後,今天我們要更進一步,實作讓使用者能夠新增和刪除家用品項目的功能。 新增項目 我們首先來實作新增項目的功能。這裡我...

鐵人賽 Mobile Development DAY 9

技術 Day 9: 使用 SwiftUI 的 List 顯示家用品清單

昨天我們討論 MVVM 架構,並介紹如何使用 @Published 和 @StateObject 在 SwiftUI 中實現資料與 View 的同步。在練習過程...

鐵人賽 Mobile Development DAY 8

技術 Day 8: SwiftUI 中的 MVVM 架構初次使用

昨天的結尾我們稍微提到 MVVM 架構,在開始動手製作 App 之前,讓我們先來深入了解一下 MVVM 吧!MVVM(Model-View-ViewModel)...

鐵人賽 Mobile Development DAY 7

技術 Day 7: 認識 SwiftUI 的 State 與 Binding

前幾天我們都在研究 UI 的顯示和樣式,但在 App 中,經常需要將資料載入 UI 並顯示給使用者看。今天,我們來認識 SwiftUI 的 State 與 Bi...

鐵人賽 Mobile Development DAY 6

技術 Day 6: 挖掘 SwiftUI 的進階 View Modifiers

昨天我們一起研究了 SwiftUI 中一些常見的 View Modifiers,像是 padding() 和 background() 等等。今天,我們要來更進...

鐵人賽 Mobile Development DAY 5

技術 Day 5: 探索 SwiftUI 強大的 View Modifiers

昨天我們一起練習了一些 SwiftUI 常用的 UI 元件,還試著改變了它們的外觀。但有沒有想過,這些讓 UI 元件變得更好看的語法到底是什麼?沒錯,就是我們今...

鐵人賽 Mobile Development DAY 4

技術 Day 4: 認識 SwiftUI 的常用 UI 元件

終於要動手嘗試寫程式了!我們平常在使用的 App 裡經常出現的文字、按鈕、圖片等元素,其實都是由一些基礎的 UI 元件組成的。今天,我們就一起來摸索這些常用的...

鐵人賽 Mobile Development DAY 3

技術 Day 3: 關於 SwiftUI 專案基本架構

對於平常使用 UIKit 的我來說,這個專案結構對我來說有點認識,又有一點不認識😂。我認為在 SwiftUI 的開發旅程中,理解專案的基本結構是非常重要的一步。...

鐵人賽 Mobile Development DAY 2

技術 Day 2: 和 SwiftUI 打招呼,開啟新專案

今天我們將與 SwiftUI 打聲招呼,並開啟我們的家庭日用品庫存管理 App 專案。在 Day1 的介紹中,我們已經知道如何安裝 Xcode,現在是時候讓我們...

鐵人賽 Mobile Development DAY 1

技術 Day 1: 介紹30天挑戰 - 創造家用品庫存管理 App

前言 我一直都是使用 UIKit 來開發 iOS App,從來都沒有學習過 SwiftUI。最近打算來學習一下,並且把學習過程都記錄下來,剛好有朋友邀請我一起組...

鐵人賽 Mobile Development DAY 11

技術 Day11 - SPM(Swift Package Manager)

前文 昨天介紹完 SwiftData 的運用,今天要來介紹SPM。 什麼是SPM Swift Package Manager (SPM) 是一個用於管理 Sw...

鐵人賽 Mobile Development DAY 10

技術 Day10 - SwiftData 動態排序

前文 昨天教完各位如何編輯完資料之後,今天會教各位怎麼排序資料。 建立排序的按鈕 先建立一個 sort 然後是 Bool 型別的,然後在建立一個按鈕用來表示資...

鐵人賽 Mobile Development DAY 8

技術 Day08 - Chart 圖表搭配SwiftData使用

前文 昨天我們弄好主要頁面之後,今天我們要使用 Chart 的圓餅圖來觀察我們的資料。 首先我們要先創一個頁面在 View 資料夾裡,取名叫做 Home ,然...

鐵人賽 Mobile Development DAY 9

技術 Day09 - SwiftData 編輯資料

前文 昨天實作完新增跟刪除之後,今天我們要來編輯資料,那因為原本官方的範例是時間戳那這個比較不符合我們要刪除資料的規範,通常刪除資料可能會透過 ID (Prim...

鐵人賽 Mobile Development DAY 7

技術 Day07 - 管理食物相關資訊App

前文 昨天實作完新增跟刪除之後,我們之後要使用Chart這個框架來搭配SwiftData,所以我們今天要重新設計一個資料模型。 Model 這邊是資料表的內容...

鐵人賽 Mobile Development DAY 6

技術 Day06 - SwiftData 的新增跟刪除

前言 昨天教完各位使用SwiftData 必須做的前置步驟後,今天我們開始要來講解怎麼把資料做新增跟刪除。 這邊我們看到 ContentView 最底下的...

鐵人賽 Mobile Development DAY 1

技術 Compose Multiplatform 實戰:用Kotlin從零開始開發跨平台App完整教學

(2024/08/19更新)Hi這幾天我陸續把文章刪掉了因為我之前是用fb登入IT邦但是一直遇到應用程式並非使用中此應用程式目前無法使用且應用程式開發人員已得...

鐵人賽 Mobile Development DAY 5

技術 Day05 - SwiftData 的前置作業

前言 昨天介紹完 MVVM 後 今天終於要來實作 SwiftData 了那開啟專案後是不是發現多了 Item 跟 ContentView 然後裡面都已經寫了一...