iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

用 SwiftUI 掌控家庭日用品庫存 系列

「啊!牛奶怎麼過期了!」、「衛生紙用完了怎麼沒人買?」、「菜炒到一半才發現沒有蒜頭?」。
家裡常常發生日用品無法妥善管理的狀況,導致生活中有諸多不便。這次就藉由30天的時間,讓我們一起來打造一個能夠管理日用品的iOS App,讓生活變得更加便利吧!

DAY 1

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

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

2024-09-15 ‧ 由 凌凌 分享
DAY 2

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

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

2024-09-16 ‧ 由 凌凌 分享
DAY 3

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

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

2024-09-17 ‧ 由 凌凌 分享
DAY 4

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

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

2024-09-18 ‧ 由 凌凌 分享
DAY 5

Day 5: 探索 SwiftUI 強大的 View Modifiers

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

2024-09-19 ‧ 由 凌凌 分享
DAY 6

Day 6: 挖掘 SwiftUI 的進階 View Modifiers

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

2024-09-20 ‧ 由 凌凌 分享
DAY 7

Day 7: 認識 SwiftUI 的 State 與 Binding

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

2024-09-21 ‧ 由 凌凌 分享
DAY 8

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

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

2024-09-22 ‧ 由 凌凌 分享
DAY 9

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

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

2024-09-23 ‧ 由 凌凌 分享
DAY 10

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

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

2024-09-24 ‧ 由 凌凌 分享