Flutter：实现红包晃动效果

很多app打开会有红包悬浮在某个角落，然后为了吸引注意力，会将红包晃动起来，这个效果非常简单，代码如下：

class RedPackageSmall extends StatefulWidget{@overrideState<StatefulWidget> createState() {return _RedPackageSmall();}
}class _RedPackageSmall extends State<RedPackageSmall> with SingleTickerProviderStateMixin{Animation _animation;AnimationController _animationController;@overridevoid initState() {super.initState();_animationController = AnimationController(vsync: this,duration: Duration(milliseconds:200),reverseDuration: Duration(milliseconds: 200),);_animation = Tween(begin: -0.03,end: 0.03).animate(_animationController);}@overridevoid dispose() {_animationController.dispose();super.dispose();}@overrideWidget build(BuildContext context) {_animationController.repeat(reverse: true);return RotationTransition(turns: _animation,child: TextButton(onPressed: (){...},child: Image.asset("红包图片"),),);}}

Flutter：实现红包晃动效果相关推荐

Flutter使用Canvas实现微信红包领取效果
效果最终实现的整体效果如下: 实现看完效果以后,接下来就带领大家来看看是怎样一步一步实现最终效果的,在正式动手写代码之前,先对整个效果做一个简单的拆分,将其分为五个部分: 点击弹出红包红包整体布 ...
iOS之CALayer的CAEmitterLayer实现“红包雨”效果
CAEmitterLayer(粒子发生器) 一.基本简介 CAEmitterLayer是CALayer的一个子类,和CAEmitterCell一起使用可以创造出多样的动画效果. CAEmitterLa ...
Flutter 雪花飘落的效果-深夜创作
在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不 ...
Flutter进阶—实现动画效果（四）
在上一篇文章:Flutter进阶-实现动画效果(三)中,实现了一个随机高度.颜色的条形.这一篇文章我们会实现多个条形,同样是随机高度.颜色. 首先在bar.dart中创建BarChart类,并使用固定 ...
Flutter进阶—实现动画效果（三）
在上一篇文章:Flutter进阶-实现动画效果(二)的最后,我们实现了一个控件,其中包含各种布局和状态处理控件.以及使用自定义的动画感知绘图代码绘制单个Bar的控件.还有一个浮动按钮控件,用于启动条形 ...
Flutter进阶—实现动画效果（二）
在上一篇文章:Flutter进阶-实现动画效果(一)的最后,我们说到需要一个处理程序混乱的概念.在这一篇文章中,我们会引入补间,它是构建动画代码的一个非常简单的概念,主要作用是用面向对象的方法替代之前 ...
php 红包雨,vue移动端实现红包雨效果
本文实例为大家分享了vue实现红包雨效果的具体代码,供大家参考,具体内容如下下面是代码: :class="item.cls" :data-index="index&qu ...
淘宝抽奖html 页面,基于jQuery实现的双11天猫拆红包抽奖效果
本文实例讲述了jQuery实现的双11天猫拆红包抽奖效果代码,是一款基于jquery+css3实现的鼠标点击红包摇一摇抽奖代码,具有点击抽奖后红包摇动并弹出抽奖结果信息的功能,分享给大家供大家参考.具 ...
Flutter教程之Flutter 中的磨砂玻璃效果
磨砂玻璃效果是flutter中一个很酷的UI概念,让我们的UI看起来更有吸引力.它基本上是一个具有降低不透明度的模糊叠加层,以区分或减少某个视图.此功能看起来确实不错,但它会影响应用程序的性能. 那么 ...

Flutter：实现红包晃动效果

Flutter：实现红包晃动效果相关推荐

最新文章

热门文章