animation
利用 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 中被廣泛運用，開發引人注目的加載動畫，將可顯著提升 [...]
Lottie初學者教學指南：如何在iOS App設計一個令人驚豔的動畫
如果能設計一個好的UI(User Interface)動畫可以讓一個App大幅增進UX使用者體驗(User Experience)，這通常就是能讓一個感覺普通的App搖身一變成為質感極佳的App，非常重要的關鍵因素。然而，設計與實現一個有意義與功能兼備的動畫是挺有難度的，尤其是，如果你需要的動畫或過場視覺效果是極為複雜的，若要實現這個需求，這將對一個iOS程式開發者是一個非常艱困的任務。 [...]