使用 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 小部件”