咻一咻

本文目录 咻一咻设计 代码实现咻一咻 三个动画的实现 构建圆 透明效果 咻一咻设计 对于支付宝咻一咻功能，是在2016年的时候上线到支付宝的，那个时候好像是专门为了集五福而设计的功能，现在肯定已经不在了，不过这也是一个动画功能，对于实践Flutter动画在合适不过了。（下图是我们最后实现的效果） 首先，我们来看看上图，具体有那些设计，比如它有三个圆圈匀速放大的动画，其次，中间有一个按钮，用户点击之后，就会出现如上动画的效果，ok，也就是这么多，弄清楚几个动画，我们就来实践一下。 代码实现咻一咻 三个动画的实现 对于代码的实现，我们肯定首先实现其3个动画，前面已经讲过了，要实现这种动画的效果，会用到AnimationController，Animation以及Tween，下面我们直接上代码： AnimationController controller ; Animation < double > animation1,animation2,animation3 ; @override void initState ( ) { // TODO: implement initState super.initState ( ) ; controller = AnimationController ( duration: widget.duration,vsync: this ) ..