隐式动画
借助 Flutter 的 动画库,您可以为 UI 中的小部件添加动态效果和创建视觉效果。该库的一部分是小部件,可为您管理动画。这些小部件统称为隐式动画或隐式动画小部件,其名称源自它们实现的 ImplicitlyAnimatedWidget
类。以下资源集提供了多种方法来了解 Flutter 中的隐式动画。
文档
- 隐式动画代码实验室
- 直接进入代码!此代码实验室使用交互式示例和分步说明,教您如何使用隐式动画。
AnimatedContainer
示例- 来自 Flutter 烹饪书 的分步食谱,用于使用
AnimatedContainer
隐式动画小部件。 -
ImplicitlyAnimatedWidget
API 页面 - 所有隐式动画都扩展
ImplicitlyAnimatedWidget
类。
Flutter in Focus 视频
Flutter in Focus 视频提供 5-10 分钟的教程,其中包含实际代码,涵盖每个 Flutter 开发人员从头到尾都需要了解的技术。以下视频涵盖与隐式动画相关的主题。
了解如何使用 TweenAnimationBuilder 构建自定义隐式动画
The Boring Show
观看 The Boring Show,了解 Google 工程师如何从头开始使用 Flutter 构建应用。以下剧集涵盖了在新闻聚合器应用中使用隐式动画。
本周小部件视频
每周一系列简短的动画视频,每个视频都展示了一个特定小部件的重要功能。在约 60 秒内,您将看到每个小部件的实际代码,并了解其工作原理的演示。以下本周小部件视频涵盖了隐式动画小部件
了解 AnimatedOpacity Flutter 小部件
了解 AnimatedPadding Flutter 小部件