動畫實作 透過 SwiftUI 實作一個新擬物化風格的切換按鈕動畫 開發者都很喜歡使用 SwiftUI 框架進行編程,因為它可以讓我們輕鬆為視圖變化設置動畫。在這篇文章中,Sarah 會帶大家在 SwiftUI 中,實作一個客製化新擬物風格切換按鈕,並為切換視圖製作動畫。 AppCoda 編輯團隊 Mar 16, 2022 6 分鐘閱讀時間
動畫實作 利用 SwiftUI 構建一個像 Instagram 直播的按讚按鈕動畫 Apple 的 SwiftUI 為開發者提供了一個輕巧易用的工具,來創建使用者界面。在這篇教學文章中,Sarah 會帶大家在 SwiftUI 使用 GeometryEffect 和 ViewModifier,一步步製作出一個類似 Instagram 直播的按讚按鈕動畫! AppCoda 編輯團隊 Mar 9, 2022 4 分鐘閱讀時間
動畫實作 利用 SwiftUI 一步步構建漂亮的彩色紙屑效果 Apple 的 SwiftUI 為開發者提供了一個輕巧易用的工具,來創建使用者界面。在這篇文章中,Sarah 會帶大家利用 SwiftUI 構建彩色紙屑效果,並詳細解釋不同設定和修飾符 (modifier) 的效果,讓你可以為 App 製作自己的彩色紙屑效果。 AppCoda 編輯團隊 Oct 13, 2021 5 分鐘閱讀時間
動畫實作 在 SwiftUI 中設置漸變動畫 (animated gradient) 的 3 個方法 最近有讀者提問:如何利用 SwiftUI 設置漸變動畫 (animated gradient)、或創建漸變背景動畫?SwiftUI 框架有許多內置組件,例如 LinearGradient 和 AngularGradient,讓開發者設置漸變效果。另外,SwiftUI 也有 .animation 修飾符 (modifier),讓開發者可以簡單地創建動畫。問題是,我們如何結合漸變組件和 .animation 修飾符來創建漸變動畫呢? Simon Ng Sep 29, 2021 6 分鐘閱讀時間
動畫實作 利用 matchedGeometryEffect 輕鬆實作動畫導航選單 開發者都很喜歡使用 SwiftUI 框架進行編程,因為它可以讓我們輕鬆為視圖變化設置動畫。iOS 14 引入的 matchedGeometryEffect 修飾符,進一步簡化了實作視圖動畫的步驟。在這篇文章中,Simon 會帶大家利用這個修飾符,簡單地開發一個動畫導航選單 (navigation menu)。 Simon Ng Aug 4, 2021 5 分鐘閱讀時間
動畫實作 在 iOS 14 使用 matchedGeometryEffect 簡單為 App 建立絢麗的視圖動畫 在 iOS 14 中,SwiftUI 框架引入了很多新功能,其中 matchedGeometryEffect 非常引人注目,開發者只需要幾行程式碼,就能創造絢麗的視圖動畫。 Simon Ng Nov 25, 2020 11 分鐘閱讀時間
動畫實作 SwiftUI 動畫入門教學: 建立一個下載指示器 即使有經驗的開發者,要處理一個滑動動畫也不是一件容易的事。SwiftUI 框架簡化了 UI 動畫與轉場開發過程,讓你簡單地製作出流暢且漂亮的動畫。 Simon Ng Oct 14, 2020 12 分鐘閱讀時間
動畫實作 ViewController 轉場進階指南:進一步創建絢麗的轉場動畫 一直以來,開發者都費盡心思去了解視圖控制器 (ViewController) 之間的轉換,但線上能簡單說明視圖控制器動畫轉場的教程卻非常少。上一篇文章我教了大家用最簡單的方法,創建令人驚艷的轉場動畫。在這篇進階文章中,我會再帶大家客製另一款轉場動畫。 AppCoda 編輯團隊 Dec 11, 2019 13 分鐘閱讀時間
動畫實作 ViewController 轉場初階指南:簡單打造酷炫的轉場動畫 一直以來,很多開發者都費盡心思去了解視圖控制器 (ViewController) 之間的轉換,可是,線上能簡單說明視圖控制器動畫轉場的教程卻非常少。這篇文章由 Fran Obarrio 帶大家客製由一個視圖控制器轉場到另一個的動畫,讓大家用最簡單的方法,創建令人驚艷的轉場動畫。 AppCoda 編輯團隊 Dec 4, 2019 9 分鐘閱讀時間
動畫實作 利用 UIViewPropertyAnimator 製作進階動畫 為 App 增強使用者體驗! 動畫可以幫助開發者吸引使用者,替 App 添加一些樂趣。此文將教大家利用 UIViewPropertyAnimator 為視圖製作動畫,有了這個類別,開發者可以構建自定義計時、交互方式和中斷動畫,更可以在動畫運行時作出變動。 Eugene Trapeznikov Aug 7, 2019 14 分鐘閱讀時間
動畫實作 UI Transition 教學:一起來學習 Whatsapp 也在用的 UI 轉場技巧吧! 觀察其他非常成功的 App 的實作技巧,對你開發自己的 App 十分有幫助。如果你想為自己的 App 創建 Whatsapp 也在用、流暢又一致的 UITabBar 和 UIToolBar 動畫,這篇教程就非常適合你了!快來一起實作 Whatsapp 的 UI Transition (轉場) 技巧吧! AppCoda 編輯團隊 Dec 7, 2018 7 分鐘閱讀時間
動畫實作 輕鬆實作 Table View 動畫效果 為 App 大幅提升用戶體驗! 本篇原文(標題:Animating Table View Cells Display)刊登於作者部落格,由 Vadim Bulavin 所著,並授權翻譯及轉載。 本文將會教你如何為 Table View Cell 添加自定義顯示動畫,提升 App AppCoda 編輯團隊 Nov 5, 2018 8 分鐘閱讀時間