Simon Ng

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

84 篇文章

SwiftUI 框架

在 SwiftUI 構建可滾動的客製化標籤列　大大提升使用者體驗

很多流行的手機 App 都用到 Tab Bar，讓使用者可以快速和方便地切換到 App 的不同功能，大大提升使用者體驗。在這篇文章中，我會帶大家使用 SwiftUI 的 TabView，輕鬆地客製化一個可滾動的 Tab Bar，並添加漂亮的動畫，來滿足你的 App 的需要。

Simon Ng

Mar 30, 2023 8 分鐘閱讀時間

SwiftUI 框架

Xcode 14.3 新功能：輕鬆客製化 SwiftUI Bottom Sheet 背景及滾動行為

iOS 16 推出後，要在 SwiftUI 建立一個互動式 bottom sheet 十分輕鬆，我們只需要在 Sheet 視圖嵌入一個 presentationDetents 修飾符就可以了。在這篇文章中，讓我帶大家客製化自己的 Bottom Sheet。

Simon Ng

Mar 15, 2023 5 分鐘閱讀時間

SwiftUI 框架

在 SwiftUI 利用 ToggleStyle　簡單建立客製化的切換按鈕

Toggle 是 SwiftUI 中很常用的視圖，讓使用者在開或關兩種狀態之間切換。這個控件可以為使用者提供簡單而直觀的界面，因此很多開發者都會用到它。在這篇文章中，我會帶大家在 SwiftUI 使用 ToggleStyle 協定，輕鬆地創建適合自己 App 設計和風格的 Toggle。

Simon Ng

Feb 28, 2023 7 分鐘閱讀時間

SwiftUI 框架

在 SwiftUI 開發一個 QR Code 讀取器 App

QR Code 近年在消費市場日漸普及，相信很多 iOS 開發者都想為自己的 App 添加讀取 QR Code 的功能。在這篇文章中，我會使用這個新的 SwiftUI 框架，帶大家來實作一個 QR Code 讀取器 App。

Simon Ng

Feb 15, 2023 9 分鐘閱讀時間

SwiftUI 框架

如何使用SwiftUI Grid API 創建網格佈局

SwiftUI 4.0 引入了一個新的 Grid API 來組成基於網格的佈局。你可以使用 VStack 和 HStack 安排相同的佈局。然而，Grid 視圖使其變得容易得多。

Simon Ng

Dec 15, 2022 6 分鐘閱讀時間

SwiftUI 框架

在 SwiftUI 使用新的 NavigationStack 視圖　輕鬆構建資料導向的導航

在 iOS 開發中，導覽視圖絕對是我們最常用的組件。在 iOS 16，Apple 引入了一個新視圖 NavigationStack 來呈現堆疊視圖，讓我們可以構建資料導向的導航。在這篇文章中，我會帶大家試著使用這個新元件，處理 deep linking 和複雜的 user flow。

Simon Ng

Dec 1, 2022 7 分鐘閱讀時間

SwiftUI 框架

利用 SwiftUI 的 AnyLayout　幾行程式碼就可以切換 layout！

在 iOS 16，SwiftUI 推出 AnyLayout 和 Layout 協定，讓開發者構建客製化和複雜的 layout。有了 AnyLayout，我們可以創建回應使用者互動或環境變化的動態 layout。在這篇文章中，我們會試著使用 AnyLayout 來切換垂直和水平 layout。

Simon Ng

Oct 19, 2022 4 分鐘閱讀時間

SwiftUI 新視圖 Gauge　讓我們在 iOS 16 客製化自己的 Gauge 樣式

在 iOS 16，SwiftUI 引入了一個新視圖 Gauge，用來顯示進度。我們可以利用這個視圖，來顯示一定範圍內的數值。在這篇教學文章中，讓我們來看看如何使用 Gauge 視圖，以及如何使用不同的 Gauge 樣式。

Simon Ng

Oct 5, 2022 6 分鐘閱讀時間

利用 SwiftUI 的新 NavigationSplitView　為使用者創建多列導航的體驗

在 iOS 16 中，Apple 除了推出新的 NavigationStack 外，還有一個新的視圖容器 NavigationSplitView，讓開發者創建兩列或三列的導航界面。如果你想構建類似內置郵件 App 的 UI，這個視圖元件就可以大派用場了。

Simon Ng

Sep 7, 2022 10 分鐘閱讀時間

SwiftUI 框架

SwiftUI 的新視圖 PhotosPicker　讓我們直接處理選擇相片的操作

在 iOS 16 推出之前，如果我們想要顯示一個 Photo Picker，讓使用者可以從相片圖庫中選擇相片，就需要使用 UIKit 的組件。在 iOS 16，Apple 終於在 SwiftUI 加入 PhotosPicker，讓開發者可以直接使用這個新視圖，來處理選擇相片的操作。

Simon Ng

Aug 9, 2022 6 分鐘閱讀時間

SwiftUI 框架

SwiftUI ImageRenderer：如何把 SwiftUI 視圖轉換為 PDF 文件

在上一篇文章中，我們學習了如何使用 ImageRenderer 擷取 SwiftUI 視圖，並儲存為圖像。這個在 iOS 16 推出的新類別還可以把視圖轉換為 PDF 文件。在這篇文章中，我會以上次的範例為基礎進行構建，並添加 Save to PDF 功能。

Simon Ng

Jul 27, 2022 5 分鐘閱讀時間

SwiftUI 框架

利用新的 ImageRenderer API　輕鬆把 SwiftUI 視圖轉換為圖像

iOS 16 為 SwiftUI 帶來的另一個 API 就是 ImageRenderer。我們可以利用這個 API，輕鬆把 SwiftUI 視圖轉換為圖像。在這篇文章中，我會帶大家試試使用這個新的 API。

Simon Ng

Jul 20, 2022 5 分鐘閱讀時間