iT邦幫忙

swiftui相關文章
共有 214 則文章
鐵人賽 Mobile Development DAY 30

技術 Day 30: 賽後感想

啊!終於是最後一天了!我真的沒想過我會把這30天寫完!!!很感謝看到這裡的大家! 想當初如果不是有朋友邀請報名團賽,我可能寫不到 15 天就會棄賽了吧XD,畢竟...

鐵人賽 Mobile Development DAY 29

技術 Day 29: SwiftUI 實作到期物品提示功能

我們要接續昨天的進度,為首頁新增一個功能,提示即將到期的物品,讓使用者能一眼就看見哪些物品需要注意,避免過期浪費。這個功能將顯示在首頁物品列表的上方,並會根據當...

鐵人賽 Mobile Development DAY 28

技術 Day 28: SwiftUI 顯示月份與自定義月份選擇器實作

最後幾天,我想要優化首頁的功能,讓它顯示當前月份即將到期的物品。所以我們需要在首頁上方的導覽列中,加入年份和月份的選擇功能。今天,我們將實作首頁上方的月份顯示功...

鐵人賽 Mobile Development DAY 27

技術 Day 27: SwiftUI Dependency Injection

前幾天都在趕進度,今天稍稍放慢腳步補充之前在 Day11 提到的依賴注入(Dependency Injection)。這個設計模式在大型專案中尤為重要,我們可以...

鐵人賽 Mobile Development DAY 26

技術 Day 26: SwiftUI 編輯與儲存掃描到的消費清單

今天我們要繼續昨天的進度,實作消費清單的編輯與儲存功能。當使用者掃描到 QRCode 後,會顯示出消費清單,點擊每一個項目後可以進行編輯,並且按下完成按鈕時,會...

鐵人賽 Mobile Development DAY 25

技術 Day 25: SwiftUI 轉換 Big5&Base64 為 UTF-8

昨天我們已經完成掃描 QRCode 並顯示購物清單的功能,但是當遇到不同編碼的 QRCode 資料時(例如 Big5 和 Base64),會出現問題。今天我們的...

鐵人賽 Mobile Development DAY 24

技術 Day 24: 掃描 QRCode 並顯示列表

昨天我們實作 QRCode 掃描並取得資料,今天我們將繼續這個功能,實作掃描完成後,將購物清單顯示出來並讓使用者可以進行編輯、刪除等操作。 目標 今天的實作主要...

鐵人賽 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...