用户登录

按住 alt 键 .. 点一下 AnimationController .. 默认它控制的动画的值的范围是 0.0 到 1.0 .. 这两个值是这个 lowerBound 还有 upperBound 设置的 .. lowerBound 是开始的值 .. upperBound 是结束的值 .. 另外还有一个 value ,它是动画的初始值,默认它的值就是 lowerBound 设置的值 ..

在添加的这个动画监听器里面,用一下 setState ..

然后在小部件里面,可以用一下动画值 ..

一个 Center 小部件 .. 它的 child 可以用一个 ActionChip ... 这个小部件的标签是一个 Text .. 要显示的文字可以是动画里的值 .. animationDemoController.value ..

再添加一个 onPressed 设置一下点按的回调 .. 按了这个 ActionChip 以后 .. 可以让开始向前运行动画 .. 这里用一下 animationDemoController 的 forward 方法 .. 然后注释掉在 initState 里用的这个 forward 方法 ..

动画的持续时间可以改的长一些 .. 设置成 3000 毫秒 ..

执行一下 hot restart ..

屏幕上现在显示的值是 0.0 ..

按一下屏幕上的这个 ActionChip ... 在它上面会显示动画的值 .. 默认就是从 0.0 到 1.0 ..

再去设置一下 AnimationController 的 lowerBound 属性 .. 默认它是 0.0 .. 再添加一个 upperBound .. 大小设置成 100.0 ..

执行一下 hot restart .. 初始值是 0.0 .. 再按一下它 .. 现在屏幕上显示的就是从 0.0 到 100.0 之间的数字 ..

在 AnimationController 里面也可以专门去要设置一个初始的值 .. 添加一个 value 属性 .. 设置一下初始值 .. 比如 32.0 ..

执行一下 hot restart ..

屏幕上显示的就是动画的初始值 .. 32.0 ... 按一下它 .. 会显示动画的值 .. 动画结束以后,最终的值是 100.0

使用动画的值《 Flutter 移动应用:动画 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点