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

文档

#
隐式动画 Codelab
直接进入代码学习吧!本 Codelab 使用交互式示例和分步说明教您如何使用隐式动画。
AnimatedContainer 示例
来自 Flutter 食谱 的循序渐进的教程,介绍了如何使用 AnimatedContainer 隐式动画组件。
ImplicitlyAnimatedWidget API 页面
所有隐式动画都扩展了 ImplicitlyAnimatedWidget 类。

Flutter in Focus 视频

#

Flutter in Focus 视频包含 5-10 分钟的教程,其中包含实际代码,涵盖了每个 Flutter 开发者需要全面了解的技术。以下视频涵盖了与隐式动画相关的主题。

在新标签页中观看 YouTube 视频:“Flutter 隐式动画基础”

在新标签页中观看 YouTube 视频:“使用 TweenAnimationBuilder 创建自定义隐式动画”

The Boring Show

#

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

在新标签页中观看 YouTube 视频:“向新闻应用添加隐式动画”

每周组件视频

#

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

在新标签页中观看 YouTube 视频:“了解 AnimatedOpacity Flutter 组件”

在新标签页中观看 YouTube 视频:“了解 AnimatedPadding Flutter 组件”

在新标签页中观看 YouTube 视频:“了解 AnimatedPositioned Flutter 组件”

在新标签页中观看 YouTube 视频:“了解 AnimatedSwitcher Flutter 组件”