建立第一個 SwiftUI App:Day 0

Photo by Levi Elizaga on Unsplash
Photo by Levi Elizaga on Unsplash
本系列文章中,我們將從零開始,一步一步地教你用 SwiftUI 打造一個咖啡廳 iOS APP。拜 iPhone 裝置越來越強大,APP 可以做的事情越來越廣,近年來 APP 開發受到更多人重視。SwiftUI 是 Apple 最新推出 UI 套件 (Framework)。在未來數年內,應該會取代目前的 UIKit 套件。

本系列文章中,我們將從零開始,一步一步地教你用 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 最終會像下圖。它主要有三個部分:

  • 店家:店家新增、修改、刪除商品的菜單管理介面
  • 菜單:客人點菜的菜單介面
  • 帳單:客人的帳單介面,還有總價格

完整的程式碼可以在 下載。

Coffee Shop App
Coffee Shop App

目錄

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

You May Also Like
Photo by Alex Alvarez on Unsplash
Read More

Dispatch Queue 教學

GCD 提供有效率的並行處理,讓我們不需要直接管理多執行緒。它的 Dispatch Queues 可以循序地(serially)或是並行地(concurrently)執行任務。我們只需要將要並行的程式當作任務提交到 dispatch queues 就可以了。
Read More
Photo by Florinel Gorgan on Unsplash
Read More

如何製作一個 XCFramework

XCFramework 讓你可以將 iPhone、iPhone 模擬器等多的不同平台的二進位碼打包到一個可發佈的 .xcframework 檔。你只需要為你的 Framework 產生出一個 .xcframework 檔,就可以支援多種平台。
Read More
Photo by Fabian Gieske on Unsplash
Read More

SwiftUI @State & @Binding 教學

SwiftUI 推出了兩個 Property Wrapper – @State and @Binding。利用它們可以達到變數的 Two-way Binding 功能。也就是當變數的值改變時,它會重新被顯示。本章藉由製作一個 Custom View 來展示如何使用 @State 和 @Binding。
Read More
Photo by Svitlana on Unsplash
Read More

iOS:禁止螢幕截圖

基於一些理由,我們可能會想要禁止使用者對我們的 app 做螢幕截圖。然而,iOS 並沒有提供這樣的功能。所幸,我們可以利用 UITextField 來達到此效果。
Read More