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 分鐘閱讀時間
SwiftUI 框架 透過 SwiftUI 的 ShareLink 來分享文本和圖像等資料 在 iOS 16 中,SwiftUI 帶來了一個新的視圖 ShareLink。使用者點擊 Share Link 時,視圖就會顯示一個 Share Sheet,讓使用者分享任何型別的資料到其他 App。在這篇文章中,我會帶大家使用 ShareLink,讓使用者分享文本、URL 和圖像。 Simon Ng Jul 13, 2022 5 分鐘閱讀時間
SwiftUI 框架 利用 SwiftUI 的新 Charts API 輕鬆建立漂亮的折線圖 在 iOS 16 之前,我們需要構建自己的圖表、或是依靠第三方程式庫來建立圖表;在 iOS 16 的新版 SwiftUI 中,Apple 推出了 Charts 框架,讓我們可以更輕鬆地創建動畫化和互動的圖表。在這篇文章中,我會帶大家使用 Charts API,一步一步構建一個漂亮的折線圖! Simon Ng Jul 6, 2022 6 分鐘閱讀時間