SwiftUI 框架 利用 ScrollViewReader 輕鬆讓滾動視圖滾動到特定位置 在新版 SwiftUI 中,其中一個我最喜歡的新功能就是 ScrollViewReader。有了 ScrollViewReader 之後,我們只需要幾行程式碼,就可以使滾動視圖滾動到特定位置。 Simon Ng Apr 7, 2021 4 分鐘閱讀時間
SwiftUI 框架 SwiftUI Map 視圖 讓我們更簡單顯示地圖界面和客製化標註 隨著 Xcode 12 推出,最新版本的 SwiftUI 提供了本機 SwiftUI Map 視圖。在這篇教學文章中,我會教大家在 SwiftUI 使用 Map 結構,在 App 中顯示地圖界面,並在地圖上一個特定的位置上創建客製化標註。 Simon Ng Mar 24, 2021 4 分鐘閱讀時間
SwiftUI 框架 SwiftUI TabView 教學:利用 PageTabViewStyle 建立 Paged Scrolling 視圖 在 iOS 14 中,Apple 在 SwiftUI 框架引入了一個新的樣式:PageTabViewStyle,讓開發者創建頁面滾動 (paged scrolling) 界面。 Simon Ng Jan 20, 2021 3 分鐘閱讀時間
動畫實作 在 iOS 14 使用 matchedGeometryEffect 簡單為 App 建立絢麗的視圖動畫 在 iOS 14 中,SwiftUI 框架引入了很多新功能,其中 matchedGeometryEffect 非常引人注目,開發者只需要幾行程式碼,就能創造絢麗的視圖動畫。 Simon Ng Nov 25, 2020 11 分鐘閱讀時間
動畫實作 SwiftUI 動畫入門教學: 建立一個下載指示器 即使有經驗的開發者,要處理一個滑動動畫也不是一件容易的事。SwiftUI 框架簡化了 UI 動畫與轉場開發過程,讓你簡單地製作出流暢且漂亮的動畫。 Simon Ng Oct 14, 2020 12 分鐘閱讀時間
SwiftUI 框架 利用 UIViewControllerRepresentable 協定 在 SwiftUI 存取相簿並使用相機 如果我們要在 App 中使用相機或訪問相簿 (photo library),該如何將 UIImagePickerController 類別整合到 SwiftUI 視圖中呢?在這篇文章中,我們會利用 UIViewControllerRepresentable 協定達成目的,允許 App 訪問相簿和相機。 Simon Ng Jul 22, 2020 8 分鐘閱讀時間
SwiftUI 框架 利用 SwiftUI 建立 Expandable List View 並探索 Inset Grouped 樣式! 在 iOS 14 中,Apple 繼續改善列表視圖,並添加了一些新功能。在本篇教學文章中,我將會帶大家建構一個 Expandable List View 或 Outline View,並探索 Inset Grouped 這個列表樣式,讓你看看這個過程有多容易。 Simon Ng Jul 10, 2020 5 分鐘閱讀時間
Swift 程式語言 SwiftUI 小技巧:簡單在列表視圖移除分隔線 (Line Separator) SwiftUI 的列表視圖 (List View) 其實和 UIKit 的表格視圖 (Table View) 很類似,它們都是讓開發者把項目一列列地呈現,而預設設定上,每一列資料都會用分隔線 (line separator) 分開。在 UIKit 中,我們可以很簡單地改變分隔線的外觀與顏色; Simon Ng Jul 8, 2020 3 分鐘閱讀時間
Swift 程式語言 使用 UIViewRepresentable 協定 讓你輕鬆建立 SwiftUI TextView 我非常喜歡使用 SwiftUI 框架,但是,與多數的新框架一樣,SwiftUI 也有一個缺點,就是它未能提供所有 UIKit 有的 UI 控件,比如說,你無法在 SwiftUI 找到與文本視圖 (text view) 相對應的控件。幸好, Simon Ng Jul 1, 2020 7 分鐘閱讀時間
SwiftUI 框架 SwiftUI 教學:利用 LazyVGrid 和 LazyHGrid 簡單步驟創建集合視圖 新版的 SwiftUI 加入不少新功能。上年推出的 SwiftUI 還未支援 UICollectionView,要做 grid 佈局就唯有自己開發。隨 iOS 14 推出的 SwiftUI 就加入了 LazyVGrid 和 LazyHGrid,讓我們只要幾行程式碼,就可以做出不同類型的 Grid 佈局。 Simon Ng Jun 26, 2020 7 分鐘閱讀時間
SwiftUI 框架 SwiftUI 教學:使用 SwiftUI 來打造 Search Bar 原來那麼簡單! 最近,我收到一個問題,關於在 SwiftUI 專案中實作 Search Bar。與 UIKit 不同,SwiftUI 沒有內建的 Search Bar 物件可以使用。你或許可以使用 UIViewRepresentable 協定,以在 SwiftUI Simon Ng Jun 24, 2020 6 分鐘閱讀時間
iPadOS SwiftUI 教學:利用 iPad 的 Swift Playgrounds 都可以學習 App 開發! 自從 Swift Playgrounds v3.1 發佈後,Apple 增加了對 SwiftUI 的支援。很多讀者會問我們,可以用 iPad 來學 SwiftUI 嗎?在這篇文章中,你將親身體驗利用 Swift Playgrounds 寫一個簡單的範例 App,看看這個教育工具的好處與限制吧! Simon Ng May 20, 2020 18 分鐘閱讀時間