SwiftUI @State & @Binding 教學
- By
Wayne
SwiftUI 推出了兩個 Property Wrapper – @State and @Binding。利用它們可以達到變數的 Two-way Binding 功能。也就是當變數的值改變時，它會重新被顯示。本章藉由製作一個 Custom View 來展示如何使用 @State 和 @Binding。
Browsing Tag
SwiftUI
10 posts
建立第一個 SwiftUI App：Day 11 – @Published, @ObservedObject
- By
本章是最後一個章節，將新增帳單頁面。我們會介紹 Property Wrapper – @Published 和 @ObservedObject，以及 ObservableObject protocol。利用它們，在物件更新時，可以通知 View 刷新畫面。另外還介紹一個 UI 元件叫 Stepper。
建立第一個 SwiftUI App：Day 10 – ActionSheet
- By
上一章中我們完成了菜單的畫面，本章會加入點餐的動作。我們會介紹如何使用 ActionSheet 這個 UI 元件。此外，還會介紹如何在 Swift 使用 Singleton 物件。這是常常使用的技巧。
建立第一個 SwiftUI App：Day 9 – TabView, ZStack, Image
- By
本章我們會為 Coffee Shop App 加入菜單的畫面。這畫面中，我們會使用到 TabView, ZStack, Image, 和 GeometryReader 這些新的 UI 元件。另外，還會介紹如何設定 List 的背景顏色，以及如何自訂字體和大小。
建立第一個 SwiftUI App：Day 8 – Swipe to Delete
- By
為了要讓商品列表的功能更家齊全，除了新增商品外，還要加上修改和刪除商品的功能。本章結束時，商品列表會包含一般列表基本的新增、刪除、編輯功能。此外，還有資料儲存和頁面導覽。幾乎所有 App 裡的列表都會包含這幾個功能。
建立第一個 SwiftUI App：Day 7 – Core Data
- By
至目前為止，我們的商品資料都是放在變數中，也就是記憶體中。不管我們新增了多少商品，關掉 App 再打開後，這些新增的商品都會不見。在 iOS 中，資料的儲存大部分會選擇 Core Data。本章將介紹如何將商品資料儲存在 Core Data。
建立第一個 SwiftUI App：Day 6 – Alert, Navigation
- By
上一章都在是講解新增商品頁面的 Layout，本章會談論到新增商品的功能。我們會談論到提示窗 (Alert) 和導覽列 (Navigation Bar) 的使用。另外，我們還會介紹另一個 Property Wrapper 叫 @Environemnt。
建立第一個 SwiftUI App：Day 5 – TextField, @State
- By
我們把新增商品的頁面分為兩個章節。第一章我們會介紹 VStack、Button 和 TextField 等 UI 元件，另外還會介紹 @State。在上一章已經學了一些 UI 元件，所以這章的 UI 元件部分會容易多。SwiftUI 的 @State 是全新概念，務必要多花一點時間了解。
建立第一個 SwiftUI App：Day 4 – List, HStack, Text, Spacer
- By
本章我們會為 Coffee Shop App 加上商品列表。在這頁面中，你會學習到如何使用 SwiftUI 中的 List、HStack、Text 和 Spacer 等 UI 元件。此外，還會介紹 ForEach 和 Identity Key Path (\.field)。
建立第一個 SwiftUI App：Day 0
- By
本系列文章中，我們將從零開始，一步一步地教你用 SwiftUI 打造一個咖啡廳 iOS APP。拜 iPhone 裝置越來越強大，APP 可以做的事情越來越廣，近年來 APP 開發受到更多人重視。SwiftUI 是 Apple 最新推出 UI 套件 (Framework)。在未來數年內，應該會取代目前的 UIKit 套件。
