隐式动画

通过 Flutter 的 动画库,你可以为 UI 中的 widgets 添加动作并创造视觉效果。有些库包含各种各样可以帮你管理动画的 widget。这些 widgets 被统称为 隐式动画隐式动画 widget,其名字来源于它们所实现的 ImplicitlyAnimatedWidget 类。下列资源提供了许多在 Flutter 中学习使用隐式动画的方法。

文档

#

隐式动画 codelab
跳转至代码! Codelab 使用交互式示例和分布介绍来教你学会如何使用隐式动画。

AnimatedContainer 示例
Flutter cookbook 中针对如何使用 AnimatedContainer 隐式动画 widget 进行了手把手的指导。

ImplicitlyAnimatedWidget API 页面
所有隐式动画都扩展了 ImplicitlyAnimatedWidget 类。

聚焦 Flutter 视频

#

聚焦 Flutter 视频以 5 到 10 分钟的实战代码为特点,涵盖了每个 Flutter 开发人员都需要从头到尾了解的技术。下列视频涵盖了所有与隐式动画相关的话题。


Flutter 隐式动画基础知识


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

The Boring Show

#

观看《The Boring Show》,跟随谷歌工程师用 Flutter 从零开始构建应用程序。下面这一集涉及在一个新闻聚合器应用中使用隐式动画。


了解 Hacker News 应用的隐式动画设计

每周 Widget 视频

#

每周都有一个系列的动画短片,每个短片都展示了一个特定 widget 的核心功能。在大约六十秒的时间里,你将会看到每个 widget 的实战代码,以及关于它是如何工作的演示。下列「每周 Widget」视频涉及了隐含动画 widget 有:


了解 AnimatedOpacity Flutter Widget


了解 AnimatedPadding Flutter Widget


了解 AnimatedPositioned Flutter Widget


了解 AnimatedSwitcher Flutter Widget