本系列文章中,我們將從零開始,一步一步地教你用 SwiftUI 打造一個 Coffee Shop iOS App。拜 iPhone 裝置越來越強大,App 可以做的事情越來越廣,近年來 App 開發受到更多人重視。SwiftUI 是 Apple 最新推出 UI 套件 (Framework)。在未來數年內,應該會取代目前的 UIKit 套件。
目標
我們著重於 SwiftUI 的使用。所以是盡量透過這個 App 來展示各種 UI 元件的入門使用。當你讀完本系列文章,你應該有能力可以用 SwiftUI 開發 iOS App。
學會 SwiftUI 並不代表不需要了解 UIKit。SwiftUI 是架構在 UIKit 上面,而且 Apple 在 2019 年才發表 SwiftUI。也就是說, SwiftUI 還尚缺許多功能,這時你就要用 UIKit 來實作。至少要兩三年,SwiftUI 才可以完全替代 UIKit。
先決條件
你需要對 Swift 程式語言有基本了解,不過不需要很深入。如果沒有,你必須要先學習 Swift,才有辦法理解所有的內容。
Coffee Shop App
Coffee Shop App 最終會像下圖。它主要有三個部分:
- 店家:店家新增、修改、刪除商品的菜單管理介面
- 菜單:客人點菜的菜單介面
- 帳單:客人的帳單介面,還有總價格