跳到主內容

隱式動畫

關於如何使用 Flutter 隱式動畫的更多資訊查詢位置。

使用 Flutter 的 動畫庫,你可以為 UI 中的元件新增運動效果並建立視覺特效。該庫的一部分是一系列為你管理動畫的元件。這些元件統稱為隱式動畫(Implicit animations)或隱式動畫元件(implicitly animated widgets),其名稱源自它們所實現的 ImplicitlyAnimatedWidget 類。以下資源集合提供了多種學習 Flutter 隱式動畫的方法。

文件

#
Flutter 動畫程式碼實驗 (Codelab)

瞭解隱式動畫和顯式動畫,並透過實操練習將隱式動畫新增到完整的 Flutter 應用中。

AnimatedContainer 示例

關於如何使用 AnimatedContainer 隱式動畫元件的分步指南。

ImplicitlyAnimatedWidget API 頁面

所有隱式動畫都繼承自 ImplicitlyAnimatedWidget 類。

Flutter in Focus 影片

#

“Flutter in Focus”系列影片包含 5-10 分鐘的教程,透過真實程式碼涵蓋了每位 Flutter 開發者都需要了解的核心技術。以下影片涵蓋了與隱式動畫相關的主題。

在 YouTube 新標籤頁中觀看:“Flutter 隱式動畫基礎”

在 YouTube 新標籤頁中觀看:“使用 TweenAnimationBuilder 建立自定義隱式動畫”

The Boring Show

#

觀看“The Boring Show”,跟隨 Google 工程師從零開始使用 Flutter 構建應用。以下劇集涵蓋了在新聞聚合應用中使用隱式動畫的內容。

在 YouTube 新標籤頁中觀看:“為新聞應用新增隱式動畫”

Widget of the Week(每週一元件)影片

#

這是一個每週更新的短影片系列,每個影片展示一個特定元件的重要功能。在大約 60 秒的時間裡,你將看到每個元件的真實程式碼以及關於其工作原理的演示。以下“Widget of the Week”影片涵蓋了隱式動畫元件。