iOS

利用 matchedGeometryEffect 輕鬆實作動畫導航選單

我很喜歡使用 SwiftUI 框架進行編程,其中一個原因就是它讓我們可以輕鬆為視圖變化設置動畫。iOS 14 中引入的 matchedGeometryEffect 修飾符 (modifier),進一步簡化了實作視圖動畫的步驟。有了這個修飾符,我們只需要描述兩個視圖的外觀,修飾符就會計算兩個視圖之間的差異,並自動為其大小/位置變化設置動畫。 [...]




iOS

SwiftUI 動畫入門教學: 建立一個下載指示器

你是否曾在 Keynote 使用過奇妙的動作動畫?有了這些奇妙的動作,你可以輕易的建立兩張投影片間的滑動動畫 (slick animation)。 Keynote 會自動地分析兩張投影片間的物件,然後自動地渲染動畫。同樣,SwiftUI 也將奇妙動作 (Magic Move) 動畫帶入了 App 的開發中。動畫所用的框架是自動且神奇的。你只要定義一個視圖的兩個狀態,SwiftUI [...]


iOS

ViewController 轉場進階指南:進一步創建絢麗的轉場動畫

今天,我們會客製由一個視圖控制器 (ViewController) 轉場到另一個的轉場動畫。 為什麼會想要寫這個主題呢?過去,我花了很多時間去了解視圖控制器之間的轉換。遺憾的是,目前線上鮮有能簡單說明視圖控制器動畫轉場的教程。 因此,我決定寫幾篇文章,教大家用最簡單的方法,創建令人驚艷的轉場動畫。而這篇文章會比前一篇更進階。 [...]


iOS

ViewController 轉場初階指南:簡單打造酷炫的轉場動畫

今天,我們會客製由一個視圖控制器 (ViewController) 轉場到另一個的轉場動畫。 為什麼會想要寫這個主題呢?過去,我花了很多時間去了解視圖控制器之間的轉換。遺憾的是,目前線上鮮有能簡單說明視圖控制器動畫轉場的教程。 因此,我決定寫幾篇文章,教大家用最簡單的方法,創建令人驚艷的轉場動畫。 [...]




程式設計教學

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 中被廣泛運用,開發引人注目的加載動畫,將可顯著提升 [...]


iOS

《iOS 10 App程式設計進階攻略:39個必學的開發技巧》正式推出


iOS

Lottie初學者教學指南:如何在iOS App設計一個令人驚豔的動畫


Swift

精通Swift:列舉、閉包、泛型、Protocols和高階函數


iOS

iOS 9 新功能 : 堆疊視圖介紹 (Stack Views)


Swift

Swift 2 初學者指南


iOS

Swift 教學:如何使用iOS Charts API 製作漂亮的圖表


iOS

以Parse與Swift建構一個像Instagram一樣的App


iOS

建立一個像Medium App的下滑選單


iOS

如何用Swift建立視圖控制器畫面之間的動畫過場