跳至主要内容

隐式动画

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

文档

#
隐式动画 Codelab
立即开始编写代码!此 Codelab 使用交互式示例和分步说明来教您如何使用隐式动画。
AnimatedContainer 示例
来自 Flutter 菜谱 的分步指南,介绍如何使用隐式动画 Widget AnimatedContainer
ImplicitlyAnimatedWidget API 页面
所有隐式动画都扩展了 ImplicitlyAnimatedWidget 类。

Flutter in Focus 视频

#

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


Flutter 隐式动画基础


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

The Boring Show

#

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


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

Widget of the Week 视频

#

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


了解 AnimatedOpacity Flutter Widget


了解 AnimatedPadding Flutter Widget


了解 AnimatedPositioned Flutter Widget


了解 AnimatedSwitcher Flutter Widget