swiftui
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 會以尾巴為參數,來定義形狀。 建立一個 [...]
應用 SwiftUI Path API 繪製撲克牌的四種花色!
在 SwiftUI 中,我們可以利用 Path 和 Shape 來客製化渲染 (rendering),而 Path 又可以用來製作 Shape,也就是說,Path 就是基本的繪圖元素。 在這篇教學文章中,我們將會使用 SwiftUI Path 來建立撲克牌的四種花色。首先,讓我們來看看可以繪製甚麼類型的 Path。 Line 會添加一條直線。 [...]
SwiftUI TabView 教學:利用 PageTabViewStyle 建立 Paged Scrolling 視圖
在之前的這篇教學中,我們教過大家如何使用 TabView,來顯示 tab bar 界面。在 iOS 14 中,Apple 在 SwiftUI 框架引入了一個新的樣式:PageTabViewStyle,讓開發者創建頁面滾動 (paged scrolling) 界面。在這篇教學中,我們會教大家實作這種 tab 視圖樣式。 讓我們從一個簡單的 [...]
iOS 14 的 SwiftUI Toolbar 聰明地在佈局放置視圖
在 WWDC 2020,Toolbar 可以說是第二版 SwiftUI 中最有趣的新功能。 toolbar 是一個修飾器,讓你放置一組視圖控件,並把控件放置於想要的位置。 在預設設定下,SwiftUI 可以利用 toolbar 修飾器,聰明地把視圖設定於想要的位置,但你也可以利用 ToolbarItem 明確地設置其位置。 [...]
iOS 14 新功能一覽 一起來配合最新的 OS 更新 App!
Apple 未有任何公告便發佈了 iOS 14,讓整個開發者社群都十分驚喜。無論如何,這就是需要配合最新的 OS 來更新 App 的時候了。 首先,以下是一些 iOS 14 中你應該注意的重大改變: 在首頁引進 Widget 及 App Clips。 以新的 AppTrackingTransparency 框架來取代 IDFA,以作廣告追蹤之用(在撰寫本文的時候,Apple [...]
在 Swift 使用 Python 構建 App 克服 Python 的缺點!
一直以來,Python 都在數據科學領域佔有領導地位,然而隨著要處理的數據量與日俱增,Python 的缺點就顯而易見了,就是處理速度慢、並行處理有所侷限、和缺乏型別安全性的問題,這些對大型 App 來說都是障礙。 很明顯地,Google 已經把 Swift 視為深度學習的未來,為 [...]
在 iOS 14 使用 matchedGeometryEffect 簡單為 App 建立絢麗的視圖動畫
在 iOS 14 中,Apple 為 SwiftUI 框架引入了很多新功能,像是 LazyVGrid 以及 LazyHGrid。其中 matchedGeometryEffect 非常引人注目,這個功能讓開發者只需要幾行程式碼,就能夠創造絢麗的視圖動畫。SwiftUI 框架已經讓開發者可以簡單地使用動畫來呈現視圖的變化,而 matchedGeometryEffect [...]
利用 SwiftUI Video Player 在影片實時套用 Core Image 濾鏡!
iOS 14 的 SwiftUI 引入了播放影像檔案的原生支援。我們可以利用新的 VideoPlayer 控件,從 URLs 或本地資源中播放影像檔案。 你只需要 import AVKit,並如此傳遞 AVPlayer 實例即可: 雖然 Video Player 在裝置上運作得很好,但在模擬器上可能會出問題,尤其是從網站 URL 載入中的時候。 [...]