iOS
利用 Core ML 3.0 的 API 一步步製作個人化的塗鴉 app
在這幾年來,機器學習 (Machine Learning) 的應用如雨後春筍般大量地出現,也越來越貼近一般人的日常生活,包括語音、影像辨識,語意分析,行為分析等等,都跟機器學習脫離不了關係。雖然機器學習的技術在這幾年來已經十分成熟,不過手機的應用程式在這方面還是大多扮演著媒介資料的角色,由手機端接受使用者來的資料,上傳到 [...]
利用 ScrollViewReader 輕鬆讓滾動視圖滾動到特定位置
在新版 SwiftUI 中,其中一個我最喜歡的新功能就是 ScrollViewReader。在 iOS 14 推出之前,要控制內置 ScrollView 的滾動位置並不容易。如果想要滾動視圖滾動到特定位置,就需要自己想出解決方案。 有了 ScrollViewReader 之後,我們只需要幾行程式碼,就可以使滾動視圖滾動到特定位置。在這篇教學文章中,我們會探索這個新視圖元件,讓大家了解如何把它應用在 [...]
利用 RealityKit 和 SwiftUI 建立你的第一個 AR App
要利用 SwiftUI 創建一個 RealityKit App,你需要先更新到 MacOS Catalina,因為會用到的新框架不能在 MacOS Mojave 或更舊的版本上運行。你還需要在 Mac App Store 確認 Xcode 已經是最新的版本。你一定要有最新版本的 Xcode 和 MacOS,這個 App 才可以正常運作。 雖然任何人都可以就這樣複製程式碼和閱讀當中的解釋,但如果你了解 [...]
SwiftUI Map 視圖 讓我們更簡單顯示地圖界面和客製化標註
在 SwiftUI 框架剛發佈時,開發者需要包裝 MKMapView 類別,來將地圖嵌入到一個 SwiftUI App 中。隨著 Xcode 12 推出,最新版本的 SwiftUI 提供了本機 SwiftUI Map 視圖,讓我們顯示地圖界面。另外,我們還可以使用內建的標註 (annotations) 視圖(像是 MapMarker)顯示標註。 [...]
在 SwiftUI 構建簡單的數據視覺化工具:圓餅圖 (Pie Chart)
Apple 在 2019 年推出了 SwiftUI,為我們提供了一個輕巧易用的工具,來創建使用者界面。這系列的教學文章,會讓大家看看如何利用 SwiftUI 框架,構建簡單而漂亮的數據視覺化工具 (data visualization tool)。在第三篇文章中,我們會介紹如何構建圓餅圖 (pie chart)。 什麼是圓餅圖? [...]
利用 SwiftUI 簡單構建傳統的數據視覺化工具:長條圖 (Bar Chart)
Apple 在 2019 年推出了 SwiftUI,為我們提供了一個輕巧易用的工具,來創建用戶界面。這系列的教學文章,會讓大家看看如何利用 SwiftUI 框架,構建簡單而漂亮的數據視覺化工具 (data visualization tool)。這是第二篇教學文章,我們將會介紹傳統耐用的長條圖 (bar chart)。 [...]
利用 iOS 14 Vision 的手勢估測功能 實作無接觸即可滑動的 Tinder App
Vision 框架在 2017 年推出,目的是為了讓行動 App 開發者輕鬆利用電腦視覺演算法。具體來說,Vision 框架中包含了許多預先訓練好的深度學習模型,同時也能充當包裹器 (wrapper) 來快速執行你客製化的 Core ML 模型。 Apple 在 iOS 13 推出了文字辨識 (Text Recognition) 和 [...]
10 個 SwiftUI Libraries 為你大大提高開發速度!
SwiftUI 真的改變了我們設計 iOS App,以及我們對 iOS App 的印象。SwiftUI 在 WWDC 2019 亮相後,Apple 引入大量新視圖、屬性包裝器 (property wrapper) 和客製化型別,進一步完善了其功能。 但是,宣告式 (declarative) 框架仍然處於起步階段。SwiftUI 的 bugs 令我們在開發時難以使用這些框架,而且 [...]
在 SwiftUI 構建漂亮的數據視覺化工具:雷達圖 (Radar Chart)
Apple 在 2019 年推出了 SwiftUI,為我們提供了一個輕巧易用的工具,來創建使用者界面。這系列的教學文章,會讓大家看看如何利用 SwiftUI 框架,構建簡單而漂亮的數據視覺化工具 (data visualization tool),而我們將會從雷達圖 (radar chart) 開始。 什麼是雷達圖? 雷達圖(亦稱網路圖、蜘蛛網圖),是一種統計圖表,以同一點開始向不同方向延伸的軸,來表示不同的變量。讓我們先看看這篇文章會構建的雷達圖: [...]
在 SwiftUI 利用 Path 和 Shape 建立 iMessage 的對話框!
在這篇教學文章中,我們會學習建立 iMessage 那種有尾巴 (tail) 的對話框 (chat bubble)。這篇文章不是旨在建立一個端對端 (End-to-End) 的聊天 UI。讓我們先看看完成的範例: 實作邏輯 在 Shape Struct 中建立對話框的 Path。 這個 Shape 會以尾巴為參數,來定義形狀。 建立一個 [...]