軟件工程師，AppCoda 創辦人。著有《iOS 13 App 程式設計實力超進化實戰攻略》、《iOS 13 App 程式設計實力超進化實戰攻略》以及《精通 SwiftUI》。曾任職於HSBC, FedEx等公司，專責軟體開發、系統設計。2012年創立AppCoda技術部落格，定期發表iOS程式教學文章。現時專注發展AppCoda，致力於iOS程式教學，產品設計及開發。
利用 UIViewControllerRepresentable 協定 在 SwiftUI 存取相簿並使用相機
先前我們曾探討 UIViewRepresentable 的用法，並展示了如何整合 UITextView 到 SwiftUI 專案中。雖然我們可以使用 UIViewRepresentable 協定包裝 UIKit 視圖 (View)，但是視圖控制器 (View Controller) 呢？你可能需要在 App 中使用相機或存取使用者的相簿。那麼，如何將 UIImagePickerController 類別整合到 [...]
利用 SwiftUI 建立 Expandable List View 並探索 Inset Grouped 樣式！
SwiftUI 列表視圖 (list view) 和 UIKit 的 UITableView 很類似。在 SwiftUI 最初的版本中，Apple 的工程師已經將創建列表視圖的過程變得輕而易舉，我們不需要創建 prototype cell，也不需要委派 (delegate) 或 data source 的協定。我們只需要用幾行程式碼，就可以使用客製化單元格來建構一個列表視圖。在 [...]
SwiftUI 小技巧：簡單在列表視圖移除分隔線 (Line Separator)
SwiftUI 的列表視圖 (List View) 其實和 UIKit 的表格視圖 (Table View) 很類似，它們都是讓開發者把項目一列列地呈現，而預設設定上，每一列資料都會用分隔線 (line separator) 分開。在 UIKit 中，我們可以很簡單地改變分隔線的外觀與顏色；然而，SwiftUI 就沒有一個官方方法來移除分隔線。這麼一來，我們需要使用 [...]
使用 UIViewRepresentable 協定 讓你輕鬆建立 SwiftUI TextView
我非常喜歡使用 SwiftUI 框架，但是，與多數的新框架一樣，SwiftUI 也有一個缺點，就是它未能提供所有 UIKit 有的 UI 控件，比如說，你無法在 SwiftUI 找到與文本視圖 (text view) 相對應的控件。幸好，Apple 有一個 UIViewRepresentable 協定，讓你可以輕鬆打包 (wrap) 一個 [...]
SwiftUI 教學：利用 LazyVGrid 和 LazyHGrid 簡單步驟創建集合視圖
SwiftUI 最初的版本沒有原生集合視圖 (collection view)。你可以自己構建一個解決方案，或是使用第三方程式庫。在今年的 WWDC 中，Apple 為 SwiftUI 框架引入了許多新功能，其中一個就是實作 Grid 視圖。SwiftUI 現在為開發者提供兩個新的 UI 組件： LazyVGrid 和 LazyHGrid，一個用於創建垂直 [...]
SwiftUI 教學：使用 SwiftUI 來打造 Search Bar 原來那麼簡單！
最近，我收到一個問題，關於在 SwiftUI 專案中實作 Search Bar。與 UIKit 不同，SwiftUI 沒有內建的 Search Bar 物件可以使用。你或許可以使用 UIViewRepresentable 協定，以在 SwiftUI 專案中重用 UIKit 的 UISearchBar。但要使用純 SwiftUI 的方式來實作一個 Search Bar，其實並不困難。在這次的教學中，就讓我們來建立一個 [...]
SwiftUI 教學：利用 iPad 的 Swift Playgrounds 都可以學習 App 開發！
「我手上只有 iPad 而已，我可以用它來開發 iOS App 嗎？」 這是入門開發者最常問的問題。我一般的回應都是：「不行，你需要一台 Mac，來運行 Xcode 開發 iOS 程式。」 「那 iPad 的 Swift Playgrounds 呢？我可以用這個 App 來學習 Swift 和 App 開發嗎？」 相信你已經知道 [...]
SwiftUI 教學：認識手勢 (Gestures) 和 @GestureState
如果你曾試過使用 SwiftUI 框架，你可能已對手勢操作有初步認識。最常見的，就是用 onTapGesture 修飾器來處理使用者的觸控並做出相對的回應。此教學，我們將會深入來看如何在 SwiftUI 中處理不同的手勢。 這個框架提供幾個內建手勢，像是之前用過的點按 (tap) [...]
簡單解決 Xcode 11.3 的 Bug：無法把間距約束設為零？
如果你已經把 Xcode 升級到 11.3 版本，你會發現當你使用 Interface Builder 創建 App UI 時，無法將間距約束條件 (spacing constraints) 的值設置為零。你可以打開 Interface Builder，然後點擊 “Add new constraints” 來試試看，將其中一個約束條件設置為 0 後，它卻自動將其恢復為 [...]
SwiftUI 教學：如何建立星際大戰透視文字（Perspective Text）
如果你之前有使用過 UIKit，SwiftUI 的 Text 控制與 UIKit 中的 UILabel 非常相似。這是一個能夠顯示一 行或多行文字的視圖。這個 Text 控制無法編輯，不過對於在螢幕上呈現唯讀的資訊非常好用。舉例來說，你想要在畫面上呈現一個訊息，你可以使用 Text 來實作。 [...]