SwiftUI 框架 如何使用 ProgressView 和 ProgressViewStyle 自訂義進度條樣式 SwiftUI 框架提供了一個內置組件,稱為 ProgressView,供開發人員展示進度條或圓形指示器來顯示長時間運行操作的進度。本篇文章將詳細說明如何實作進度條和自訂義進度條樣式。 Simon Ng Jun 2, 2023 8 分鐘閱讀時間
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 框架 Swift 5.7:應用新的 Regex 語法 在 SwiftUI 和 Combine 驗證使用者的輸入 Regex 歷史悠久,在許多 UNIX 工具中獲廣泛應用。Apple 在 WWDC2022 重寫了 Regex 語法,讓使用者用起來更方便。在這篇文章中,Mark 會帶大家用更現代的 Regex 語法,建立一個框架來驗證使用者設定的密碼! AppCoda 編輯團隊 Jan 31, 2023 6 分鐘閱讀時間
SwiftUI 框架 利用 SwiftUI 的ViewBuilder 輕鬆創建複雜佈局和視圖層次結構 我們可以利用 SwiftUI 的 ViewBuilder 工具,來在使用者界面中構建和組織視圖或視覺元素。在這篇文章中,Arc 會帶大家利用 ViewBuilder 來創建子視圖,看看這個工具如何簡化創建複雜佈局和視圖層次結構的過程。 AppCoda 編輯團隊 Jan 11, 2023 6 分鐘閱讀時間
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 框架 簡介 iOS 16 的新 Layout 協定 讓我們簡單創建自己的容器 在 iOS 16 中,Apple 推出了 layout 協定,希望進一步簡化在 SwiftUI 構建螢幕 layout 的步驟。在這篇文章中,Mark 會帶大家一起來看看這個新協定的實際用途和實作方法,並用它們的 layout 規則創建屬於自己的容器。 AppCoda 編輯團隊 Nov 3, 2022 6 分鐘閱讀時間
SwiftUI 框架 利用 SwiftUI 的 AnyLayout 幾行程式碼就可以切換 layout! 在 iOS 16,SwiftUI 推出 AnyLayout 和 Layout 協定,讓開發者構建客製化和複雜的 layout。有了 AnyLayout,我們可以創建回應使用者互動或環境變化的動態 layout。在這篇文章中,我們會試著使用 AnyLayout 來切換垂直和水平 layout。 Simon Ng Oct 19, 2022 4 分鐘閱讀時間