文章目录
◯、AnimatedWidget 组件引入
一、创建 AnimatedWidget 动画组件
二、创建动画控制器
三、创建动画
四、动画运行
五、完整代码示例
六、相关资源
AnimatedWidget...动画使用流程 :
① 创建 AnimatedWidget 动画组件
② 创建动画控制器
③ 创建动画
④ 动画运行
◯、AnimatedWidget 组件引入
----
在上一篇博客 【Flutter...】Animation 动画 ( Flutter 动画基本流程 | 创建动画控制器 | 创建动画 | 设置值监听器 | 设置状态监听器 | 布局中使用动画值 | 动画运行 ) 中 , 使用动画时 , 需要给动画添加值监听器..., 每当动画值更新后 , 都会回调该监听器 , 在监听器的回调方法中 , 需要调用 setState 方法 , 将该动画值设置给组件 ;
上面的操作很繁琐 , 需要注册监听器 , 获取动画值 , 然后将动画值设置给组件...;
" AnimatedWidget 动画组件 " 代码示例 : 在组件刷新时 , 每次刷新都要调用该组件的 build 方法 , 这里使用 Text 组件显示动画的状态和值 , 并绘制动画作用的组件