使用 Flutter 的動畫庫,您可以為 UI 中的小部件新增動態效果並建立視覺效果。該庫的一部分是各種為您管理動畫的小部件。這些小部件統稱為隱式動畫,或隱式動畫小部件,其名稱來源於它們實現的ImplicitlyAnimatedWidget類。以下資源集提供了許多學習 Flutter 中隱式動畫的方法。

文件

#
隱式動畫 Codelab
立即開始編碼!這個 Codelab 使用互動式示例和分步說明來教您如何使用隱式動畫。
AnimatedContainer 示例
使用AnimatedContainer隱式動畫小部件的分步教程。
ImplicitlyAnimatedWidget API 頁面
所有隱式動畫都擴充套件了 ImplicitlyAnimatedWidget 類。

Flutter 焦點影片

#

Flutter 焦點影片提供 5-10 分鐘的真實程式碼教程,涵蓋了每個 Flutter 開發者需要全面掌握的技巧。以下影片涵蓋了與隱式動畫相關的主題。

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

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

無聊的節目

#

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

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

每週小部件影片

#

每週一系列短動畫影片,每個影片都展示了一個特定小部件的重要功能。在大約 60 秒內,您將看到每個小部件的真實程式碼以及演示其工作原理的示例。以下每週小部件影片涵蓋了隱式動畫小部件

在新標籤頁中在 YouTube 上觀看:“瞭解 AnimatedOpacity Flutter 小部件”

在新標籤頁中在 YouTube 上觀看:“瞭解 AnimatedPadding Flutter 小部件”

在新標籤頁中在 YouTube 上觀看:“瞭解 AnimatedPositioned Flutter 小部件”

在新標籤頁中在 YouTube 上觀看:“瞭解 AnimatedSwitcher Flutter 小部件”