隱含動畫

使用 Flutter 的 動畫函式庫,您可以新增動態效果,並為 UI 中的小工具建立視覺效果。函式庫的一部分是小工具的分類,可為您管理動畫。這些小工具統稱為隱式動畫隱式動畫小工具,其名稱來自於它們實作的 ImplicitlyAnimatedWidget 類別。以下資源提供許多方法來了解 Flutter 中的隱式動畫。

文件

隱式動畫 Codelab
直接跳到程式碼!本 Codelab 使用互動範例和逐步說明,教您如何使用隱式動畫。
AnimatedContainer 範例
來自 Flutter 食譜 的逐步食譜,說明如何使用 AnimatedContainer 隱式動畫小工具。
ImplicitlyAnimatedWidget API 頁面
所有隱式動畫都延伸 ImplicitlyAnimatedWidget 類別。

Flutter in Focus 影片

Flutter in Focus 影片提供 5-10 分鐘的教學課程,包含實際程式碼,涵蓋每個 Flutter 開發人員從頭到尾都必須知道的技術。下列影片涵蓋與隱式動畫相關的主題。

透過隱式動畫了解動畫基礎知識

透過 TweenAnimationBuilder 了解建置自訂隱式動畫

The Boring Show

觀看 The Boring Show,追蹤 Google 工程師如何從頭開始在 Flutter 中建置應用程式。下列集數涵蓋在新聞彙總應用程式中使用隱式動畫。

了解如何隱式動畫化 Hacker News 應用程式

Widget of the Week 影片

一連串每週播放的短動畫影片,每個影片都顯示特定小工具的重要功能。在約 60 秒的時間內,您會看到每個小工具的實際程式碼以及關於其運作方式的示範。下列「本週小工具」影片涵蓋隱含動畫小工具

了解 AnimatedOpacity Flutter 小工具

了解 AnimatedPadding Flutter 小工具

了解 AnimatedPositioned Flutter 小工具

了解 AnimatedSwitcher Flutter 小工具