Skip to main content

隐式动画

借助 Flutter 的动画库,您可以为 UI 中的小部件添加动态效果并创建视觉效果。库的一部分是一系列为您管理动画的小部件。这些小部件统称为 隐式动画 或_隐式动画小部件_,其名称源自它们实现的ImplicitlyAnimatedWidget 类。以下资源集提供了许多学习 Flutter 中隐式动画的方法。

文档

#

隐式动画代码实验室 :直接进入代码!本代码实验室使用交互式示例和分步说明来教您如何使用隐式动画。

AnimatedContainer 示例Flutter 食谱 中使用AnimatedContainer隐式动画小部件的分步指南。

ImplicitlyAnimatedWidget API 页面 :所有隐式动画都扩展了 ImplicitlyAnimatedWidget 类。

Flutter 聚焦视频

#

Flutter 聚焦视频提供 5-10 分钟的教程,其中包含涵盖每个 Flutter 开发人员需要从头到尾了解的技术的真实代码。以下视频涵盖与隐式动画相关的主题。


Flutter 隐式动画基础


使用 TweenAnimationBuilder 创建自定义隐式动画

The Boring Show

#

观看 The Boring Show,了解 Google 工程师如何在 Flutter 中从头开始构建应用程序。以下剧集介绍了在新闻聚合应用程序中使用隐式动画。


向新闻应用程序添加隐式动画

每周小部件视频

#

每周一系列简短的动画视频,每个视频都展示一个特定小部件的重要功能。在大约 60 秒内,您将看到每个小部件的真实代码以及关于其工作原理的演示。以下每周小部件视频涵盖隐式动画小部件:


了解 AnimatedOpacity Flutter 小部件


了解 AnimatedPadding Flutter 小部件


了解 AnimatedPositioned Flutter 小部件


了解 AnimatedSwitcher Flutter 小部件