SwiftUI 框架 MotionBar:SwiftUI 動態Tab Bar 程式庫 MotionBar 是一個全新的程式庫,提供了一系列美麗設計的標籤頁視圖,每個視圖都搭載優雅的動畫和視覺元素,全部使用 SwiftUI 打造。 Simon Ng Apr 3, 2023 3 分鐘閱讀時間
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 分鐘閱讀時間