軟件工程師，AppCoda 創辦人。著有《iOS 13 App 程式設計實力超進化實戰攻略》、《iOS 13 App 程式設計實力超進化實戰攻略》以及《精通 SwiftUI》。曾任職於HSBC, FedEx等公司，專責軟體開發、系統設計。2012年創立AppCoda技術部落格，定期發表iOS程式教學文章。現時專注發展AppCoda，致力於iOS程式教學，產品設計及開發。
SwiftUI 小技巧：如何在列表視圖隱藏 Disclosure 指示器
有了 SwiftUI ，開發者就可以輕鬆創建像 UIKit 表格視圖的列表視圖。在 UIKit 中使用表格視圖時，我們可以設置 accessoryType 屬性 (property)，來輕鬆配置單元格 (cell) 的指示器 (indicator)。舉個例子，如果我們要禁用 disclosure 指示器，可以將屬性設置為 .none： 但在 [...]
利用 ScrollViewReader 輕鬆讓滾動視圖滾動到特定位置
在新版 SwiftUI 中，其中一個我最喜歡的新功能就是 ScrollViewReader。在 iOS 14 推出之前，要控制內置 ScrollView 的滾動位置並不容易。如果想要滾動視圖滾動到特定位置，就需要自己想出解決方案。 有了 ScrollViewReader 之後，我們只需要幾行程式碼，就可以使滾動視圖滾動到特定位置。在這篇教學文章中，我們會探索這個新視圖元件，讓大家了解如何把它應用在 [...]
SwiftUI Map 視圖 讓我們更簡單顯示地圖界面和客製化標註
在 SwiftUI 框架剛發佈時，開發者需要包裝 MKMapView 類別，來將地圖嵌入到一個 SwiftUI App 中。隨著 Xcode 12 推出，最新版本的 SwiftUI 提供了本機 SwiftUI Map 視圖，讓我們顯示地圖界面。另外，我們還可以使用內建的標註 (annotations) 視圖（像是 MapMarker）顯示標註。 [...]
SwiftUI TabView 教學：利用 PageTabViewStyle 建立 Paged Scrolling 視圖
在之前的這篇教學中，我們教過大家如何使用 TabView，來顯示 tab bar 界面。在 iOS 14 中，Apple 在 SwiftUI 框架引入了一個新的樣式：PageTabViewStyle，讓開發者創建頁面滾動 (paged scrolling) 界面。在這篇教學中，我們會教大家實作這種 tab 視圖樣式。 讓我們從一個簡單的 [...]
在 iOS 14 使用 matchedGeometryEffect 簡單為 App 建立絢麗的視圖動畫
在 iOS 14 中，Apple 為 SwiftUI 框架引入了很多新功能，像是 LazyVGrid 以及 LazyHGrid。其中 matchedGeometryEffect 非常引人注目，這個功能讓開發者只需要幾行程式碼，就能夠創造絢麗的視圖動畫。SwiftUI 框架已經讓開發者可以簡單地使用動畫來呈現視圖的變化，而 matchedGeometryEffect [...]
SwiftUI 動畫入門教學： 建立一個下載指示器
你是否曾在 Keynote 使用過奇妙的動作動畫？有了這些奇妙的動作，你可以輕易的建立兩張投影片間的滑動動畫 (slick animation)。 Keynote 會自動地分析兩張投影片間的物件，然後自動地渲染動畫。同樣，SwiftUI 也將奇妙動作 (Magic Move) 動畫帶入了 App 的開發中。動畫所用的框架是自動且神奇的。你只要定義一個視圖的兩個狀態，SwiftUI [...]
利用 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) 一個 [...]