隐式动画

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

文档

隐式动画代码实验室
直接进入代码!此代码实验室使用交互式示例和分步说明,教您如何使用隐式动画。
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 应用

本周小部件视频

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

了解 AnimatedOpacity Flutter 小部件

了解 AnimatedPadding Flutter 小部件

了解 AnimatedPositioned Flutter 小部件

了解 AnimatedSwitcher Flutter 小部件