Flutter 动画设计之AnimatedBuilder

最新推荐文章于 2024-11-20 16:29:55 发布

原创

最新推荐文章于 2024-11-20 16:29:55 发布 · 977 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter 动画

这篇博客展示了如何使用 AnimatedBuilder 和 AnimationController 在 Flutter 中创建一个不断旋转的绿色方块动画。 AnimatedBuilder 的优势在于仅当动画值改变时才重新构建其子组件，从而提高效率。示例代码中，我们首先创建了一个动画控制器，然后在 AnimatedBuilder 内部利用 builder 函数和 Transform.rotate 组件实现方块的旋转效果。

AnimatedBuilder是用于构建动画的通用小组件。

The Widget's build needs to be called every time the animation's
      // value changes. So add a listener here that will call setState()
      // and trigger the build() method to be called by the framework.
      // If your Widget's build is relatively simple, this is a good option.
      // However, if your build method returns a tree of child Widgets and
      // most of them are not animated you should consider using
      // AnimatedBuilder instead.

相对较为简单的动画组件是 AnimatedWidget。

第一步，创建一个动画，

第二步，通过build方法，将动画装入。

使用预构建的子组件可以提高效率。

视频网址为：