隱式動畫
透過 Flutter 的 動畫庫,你可以為 UI 中的 widgets 新增動作並創造視覺效果。有些函式庫套件含各種各樣可以幫你管理動畫的 widget。這些 widgets 被統稱為 隱式動畫 或 隱式動畫 widget,其名字來源於它們所實現的 ImplicitlyAnimatedWidget
類。下列資源提供了許多在 Flutter 中學習使用隱式動畫的方法。
文件
隱式動畫 codelab
跳轉至程式碼!
Codelab 使用互動式範例和分佈介紹來教你學會如何使用隱式動畫。
AnimatedContainer
範例
Flutter cookbook 中針對如何使用 AnimatedContainer
隱式動畫 widget 進行了手把手的指導。
ImplicitlyAnimatedWidget
API 頁面
所有隱式動畫都擴充套件了 ImplicitlyAnimatedWidget
類。
聚焦 Flutter 影片
聚焦 Flutter 影片以 5 到 10 分鐘的實戰程式碼為特點,涵蓋了每個 Flutter 開發人員都需要從頭到尾瞭解的技術。下列影片涵蓋了所有與隱式動畫相關的話題。
瞭解如何使用 TweenAnimationBuilder 建立自定義隱式動畫
The Boring Show
觀看《The Boring Show》,跟隨谷歌工程師用 Flutter 從零開始建立應用程式。下面這一集涉及在一個新聞聚合器應用中使用隱式動畫。
每週 Widget 影片
每週都有一個系列的動畫短片,每個短片都展示了一個特定 widget 的核心功能。在大約六十秒的時間裡,你將會看到每個 widget 的實戰程式碼,以及關於它是如何工作的示範。下列「每週 Widget」影片涉及了隱含動畫 widget 有:
瞭解 AnimatedOpacity Flutter Widget
瞭解 AnimatedPadding Flutter Widget