Simon Ng

軟體工程師，AppCoda 創辦人。著有《iOS 18 App 程式設計實戰心法》、《iOS 18 App程式設計進階攻略》以及《精通SwiftUI》。曾任職於HSBC, FedEx等跨國企業，專責軟體開發、系統設計。2012年創立AppCoda技術部落格，定期發表iOS程式教學文章。現時專注發展AppCoda業務，致力於iOS程式教學、產品設計及開發。你可以到推特與我聯絡。

97 篇文章

動畫實作

在 SwiftUI 中設置漸變動畫 (animated gradient) 的 3 個方法

最近有讀者提問：如何利用 SwiftUI 設置漸變動畫 (animated gradient)、或創建漸變背景動畫？SwiftUI 框架有許多內置組件，例如 LinearGradient 和 AngularGradient，讓開發者設置漸變效果。另外，SwiftUI 也有 .animation 修飾符 (modifier)，讓開發者可以簡單地創建動畫。問題是，我們如何結合漸變組件和 .animation 修飾符來創建漸變動畫呢？

Simon Ng

Sep 29, 2021 6 分鐘閱讀時間

SwiftUI 框架

在 iOS 15 中為 SwiftUI 按鈕設置樣式　大大節省開發時間

在 iOS 15 中，Apple 引入了一個新方法，來為 SwiftUI 和 UIKit 框架的 iOS App 客製化按鈕。這篇教學文章主要會介紹 SwiftUI 的新功能，如果你有興趣了解如何在 iOS 15

Simon Ng

Aug 25, 2021 6 分鐘閱讀時間

Swift 程式語言

利用 Swift Packages 簡單地與團隊共享可重用的程式碼

Swift Packages 是可重用的組件，開發者可以把組件匯入到自己的專案中。Swift Package Manager 是一個內建的工具，用於創建和管理 Packages，如此一來，我們就可以以 Packages 簡單地分享可重用的程式碼。在這篇教學文章中，我會帶大家看看如何創建 Swift Packages，並把動畫導航選單的程式碼，轉換為可重用的 SwiftUI 組件。

Simon Ng

Aug 11, 2021 7 分鐘閱讀時間

動畫實作

利用 matchedGeometryEffect　輕鬆實作動畫導航選單

開發者都很喜歡使用 SwiftUI 框架進行編程，因為它可以讓我們輕鬆為視圖變化設置動畫。iOS 14 引入的 matchedGeometryEffect 修飾符，進一步簡化了實作視圖動畫的步驟。在這篇文章中，Simon 會帶大家利用這個修飾符，簡單地開發一個動畫導航選單 (navigation menu)。

Simon Ng

Aug 4, 2021 5 分鐘閱讀時間

UIKit

輕鬆地在 iOS 15 創建 Bottom Sheet：UISheetPresentationController

在 iOS 15 中 UIKit 推出的新功能中，其中一個亮點就是 UISheetPresentationController。在這篇文章中，Simon 會為大家介紹這個新類別，現在只需幾行程式碼，就可以輕鬆地創建 Bottom Sheet，並客製化其屬性。一起來在 App 上使用這個漂亮的 UI Pattern 吧！

Simon Ng

Jul 21, 2021 4 分鐘閱讀時間

SwiftUI 框架

利用 Searchable 修飾符　輕鬆在 SwiftUI List 視圖中實作搜尋欄

iOS 15 推出前，SwiftUI 並沒有內置修飾符來在 List 視圖中處理搜尋，開發者需要創建自己的解決方案。在 iOS 15 中，SwiftUI 框架為 List 視圖帶來了一個名為 searchable 的新修飾符。在這篇文章中，我會帶大家看看這個新修飾符如何簡化實作搜尋欄的步驟，並為我們節省時間。

Simon Ng

Jul 14, 2021 5 分鐘閱讀時間

SwiftUI 框架

SwiftUI 新功能：利用 AsyncImage 非同步加載和顯示 Remote Image

AsyncImage 是 iOS 15 推出的新視圖，用於非同步加載和顯示 Remote Image。在這篇文章中，我會帶大家在 SwiftUI 專案中使用 AsyncImage，讓我們不需要編寫自己的程式碼，只需要輸入圖像 URL，AsyncImage 就會抓取 Remote Image 並顯示在螢幕上！

Simon Ng

Jul 7, 2021 5 分鐘閱讀時間

SwiftUI 框架

iOS 15 的 SwiftUI ：在 List 視圖中添加滑動動作及隱藏分隔線

在 WWDC 21，Apple 為 SwiftUI 框架的 List 視圖帶來了一些改進。現在，我們只需要幾行程式碼，就可以輕鬆客製化分隔線 (line separator) 的外觀，並將客製化滑動動作 (swipe action) 添加到 List 視圖。在這篇教學文章中，我們會帶大家看看兩個新的修飾符。

Simon Ng

Jun 30, 2021 5 分鐘閱讀時間