animation
利用 SwiftUI 一步步構建漂亮的彩色紙屑效果
首先，讓我們建立一個 GeometryEffect 型別的結構。 我們需要定義紙屑的時間、速度和方向。讓我們把速度變數設置為 20 到 200 之間的隨機數值 (randomized number)，如果使用較小的數字範圍（例如：10 … 30），紙屑散落就不太分散和劇烈。 讓我們看看下面的兩張圖片，左邊的速度設置為 [...]
在 SwiftUI 中設置漸變動畫 (animated gradient) 的 3 個方法
最近有讀者提問：如何利用 SwiftUI 設置漸變動畫 (animated gradient)、或創建漸變背景動畫？SwiftUI 框架有許多內置組件，例如 LinearGradient 和 AngularGradient，讓開發者設置漸變效果。另外，SwiftUI 也有 .animation 修飾符 (modifier)，讓開發者可以簡單地創建動畫。問題是，我們如何結合漸變組件和 [...]
利用 matchedGeometryEffect 輕鬆實作動畫導航選單
我很喜歡使用 SwiftUI 框架進行編程，其中一個原因就是它讓我們可以輕鬆為視圖變化設置動畫。iOS 14 中引入的 matchedGeometryEffect 修飾符 (modifier)，進一步簡化了實作視圖動畫的步驟。有了這個修飾符，我們只需要描述兩個視圖的外觀，修飾符就會計算兩個視圖之間的差異，並自動為其大小/位置變化設置動畫。 [...]
在 iOS 14 使用 matchedGeometryEffect 簡單為 App 建立絢麗的視圖動畫
在 iOS 14 中，Apple 為 SwiftUI 框架引入了很多新功能，像是 LazyVGrid 以及 LazyHGrid。其中 matchedGeometryEffect 非常引人注目，這個功能讓開發者只需要幾行程式碼，就能夠創造絢麗的視圖動畫。SwiftUI 框架已經讓開發者可以簡單地使用動畫來呈現視圖的變化，而 matchedGeometryEffect [...]
SwiftUI 動畫入門教學： 建立一個下載指示器
你是否曾在 Keynote 使用過奇妙的動作動畫？有了這些奇妙的動作，你可以輕易的建立兩張投影片間的滑動動畫 (slick animation)。 Keynote 會自動地分析兩張投影片間的物件，然後自動地渲染動畫。同樣，SwiftUI 也將奇妙動作 (Magic Move) 動畫帶入了 App 的開發中。動畫所用的框架是自動且神奇的。你只要定義一個視圖的兩個狀態，SwiftUI [...]
ViewController 轉場進階指南：進一步創建絢麗的轉場動畫
今天，我們會客製由一個視圖控制器 (ViewController) 轉場到另一個的轉場動畫。 為什麼會想要寫這個主題呢？過去，我花了很多時間去了解視圖控制器之間的轉換。遺憾的是，目前線上鮮有能簡單說明視圖控制器動畫轉場的教程。 因此，我決定寫幾篇文章，教大家用最簡單的方法，創建令人驚艷的轉場動畫。而這篇文章會比前一篇更進階。 [...]
ViewController 轉場初階指南：簡單打造酷炫的轉場動畫
今天，我們會客製由一個視圖控制器 (ViewController) 轉場到另一個的轉場動畫。 為什麼會想要寫這個主題呢？過去，我花了很多時間去了解視圖控制器之間的轉換。遺憾的是，目前線上鮮有能簡單說明視圖控制器動畫轉場的教程。 因此，我決定寫幾篇文章，教大家用最簡單的方法，創建令人驚艷的轉場動畫。 [...]
利用 UIViewPropertyAnimator 製作進階動畫 為 App 增強使用者體驗！
動畫很酷，它們是 iOS Human Interface Guidelines（介面設計指南）的重要組成部分。動畫可以幫助開發者吸引使用者注意重要的事情，或者替 App 添加一些樂趣。 在 iOS 中，有幾個方法可以實作動畫，最常見到的可能就是 UIView.animate(withDuration:animations:)。你亦可以使用 [...]
UI Transition 教學：一起來學習 Whatsapp 也在用的 UI 轉場技巧吧！
這是 WhatsApp 從 UITabBar 轉換到 UIToolBar 的過程： 本教學的實作結果： 自從我開始開發 iOS apps 後，我就一直關注那些非常成功的 App 如何實作 UI 轉場 (UI transition) ，希望可以跟著實作在我的 App 內。 最近我正在做一個 App，它的 UICollectionView 嵌入在 UIViewController 內，而 [...]
輕鬆實作 Table View 動畫效果 為 App 大幅提升用戶體驗！
本文將會教你如何為 Table View Cell 添加自定義顯示動畫，提升 App 的用戶體驗 (User Experience)。 問題敘述 動畫效果是提升用戶體驗的關鍵因素。我猜你在當前專案中至少使用一個 Table View，考慮到 Table View 在 iOS App 中被廣泛運用，開發引人注目的加載動畫，將可顯著提升 [...]