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 分鐘閱讀時間
Swift 程式語言 SwiftUI 教學:認識手勢 (Gestures) 和 @GestureState 如果你曾試過使用 SwiftUI 框架,你可能已對手勢操作有初步認識。最常見的,就是用 onTapGesture 修飾器來處理使用者的觸控並做出相對的回應。此教學,我們將會深入來看如何在 SwiftUI 中處理不同的手勢(Gestures)。 Simon Ng Feb 19, 2020 16 分鐘閱讀時間
Auto Layout 簡單解決 Xcode 11.3 的 Bug:無法把間距約束設為零? 如果你已經把 Xcode 升級到 11.3 版本,你會發現當你使用 Interface Builder 創建 App UI 時,無法將間距約束條件 (spacing constraints) 的值設置為零。你可以打開 Interface Builder, Simon Ng Feb 15, 2020 2 分鐘閱讀時間
SwiftUI 框架 SwiftUI 教學:如何建立星際大戰透視文字(Perspective Text) SwiftUI 框架已正式推出了大約五個月。 如果您仍未試用這個新框架,跟著本文一一步一步做就可以創建你第一個 SwiftUI 程式。本教學將告訴你如何以 Text 來呈現資訊。你將會學到如何運用不同顏色、字體、背景與旋轉效果來自訂文字。 Simon Ng Jan 21, 2020 11 分鐘閱讀時間
iOS App 程式開發 SwiftUI 小技巧:利用 Stack 簡單構建彈性的卡片視圖 SwiftUI 框架讓我們輕易構建 App UI。在這篇文章中,你將實作一個常見的手機 UI 設計 —— Card UI。透過使用堆疊 (HStack 和 VStack)、圖像、和文本視圖,來創建一個能夠接受不同圖片與文字的彈性卡片視圖 (card view)。 Simon Ng Nov 6, 2019 8 分鐘閱讀時間
iOS App 程式開發 利用 SwiftUI 控件 讓你更彈性地設計專屬你的按鈕! 按鈕是一個非常基本的 UI 控制元件,你在所有 App 中都可以看到它的蹤影。按鈕可以處理使用者的觸控動作,以觸發一些動作。此文詳細介紹 SwiftUI 控件,彈性又輕鬆地設計專屬你的按鈕,讓你感愛 SwiftUI 的威力之處。 Simon Ng Oct 9, 2019 17 分鐘閱讀時間
iOS App 程式開發 SwiftUI 小技巧:在 iOS 13 實作 Context Menu 加強與設備的互動! 較早之前,Apple 正式發佈了 iOS 13。當中除了深色模式 (Dark mode) 和其他新功能外,最新版本的 iOS 還展示了一種與設備互動的新方法,就是 Context Menu 。 Context Menu 功能與 3D Touch Simon Ng Sep 25, 2019 6 分鐘閱讀時間
iOS App 程式開發 SwiftUI 小技巧:利用 border 修飾符 輕鬆為按鈕或文本繪製邊框 有了 SwiftUI ,我們就可以使用 border 修飾符,輕鬆在按鈕 (button) 或文本 (text) 外圍繪製邊框,而且這方法更適用於所有視圖!比如說,你想要創建一個這樣的按鈕: 編註:本教程使用 Xcode 11 beta 6 作測試。 Simon Ng Sep 4, 2019 3 分鐘閱讀時間