跳到主内容

隐式动画

关于如何使用 Flutter 隐式动画的更多信息查找位置。

使用 Flutter 的 动画库,你可以为 UI 中的组件添加运动效果并创建视觉特效。该库的一部分是一系列为你管理动画的组件。这些组件统称为隐式动画(Implicit animations)或隐式动画组件(implicitly animated widgets),其名称源自它们所实现的 ImplicitlyAnimatedWidget 类。以下资源集合提供了多种学习 Flutter 隐式动画的方法。

文档

#
Flutter 动画代码实验 (Codelab)

了解隐式动画和显式动画,并通过实操练习将隐式动画添加到完整的 Flutter 应用中。

AnimatedContainer 示例

关于如何使用 AnimatedContainer 隐式动画组件的分步指南。

ImplicitlyAnimatedWidget API 页面

所有隐式动画都继承自 ImplicitlyAnimatedWidget 类。

Flutter in Focus 视频

#

“Flutter in Focus”系列视频包含 5-10 分钟的教程,通过真实代码涵盖了每位 Flutter 开发者都需要了解的核心技术。以下视频涵盖了与隐式动画相关的主题。

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

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

The Boring Show

#

观看“The Boring Show”,跟随 Google 工程师从零开始使用 Flutter 构建应用。以下剧集涵盖了在新闻聚合应用中使用隐式动画的内容。

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

Widget of the Week(每周一组件)视频

#

这是一个每周更新的短视频系列,每个视频展示一个特定组件的重要功能。在大约 60 秒的时间里,你将看到每个组件的真实代码以及关于其工作原理的演示。以下“Widget of the Week”视频涵盖了隐式动画组件。