简化Flutter交错动画。用动画配置的形式，通过时间线去驱动Flutter的交错动画。你可以

1. 使用Flutter Animation Set现有的动画组件
2. 使用Flutter Animation Set去创建新的动画组件
3. 贡献你的Flutter Animation Set动画组件

coming soon

1、import

import 'package:flutter_animation_set/widget/transition_animations.dart'; import 'package:flutter_animation_set/widget/behavior_animation.dart';

2、use

child: YYRotatingPlane(),

3、road map

transition_animations 过渡动画

YYRotatingPlane ✅	YYDoubleBounce ✅	YYWave ✅	YYWanderingCubes ✅	YYFadingFour ✅	YYFadingCube ✅
YYPulse ✅	YYThreeBounce ✅	YYThreeLine ✅	YYCubeGrid ✅	YYRotatingCircle ✅	YYPumpingHeart ✅
YYRipple ✅	YYRotateLine ✅	YYCubeFadeIn ✅	YYBlinkGrid ✅

behavior_animation 行为动画

YYFadeButton ✅

YYSingleLike ✅

YYLove ✅

YYSpringMenu ✅

YYFoldMenu ✅

4、thanks

• flutter_spinkit

1、import

import 'package:flutter_animation_set/animation_set.dart'; import 'package:flutter_animation_set/animator.dart';

2、api

about animation

• W(width)：控制宽度的变化，如果是按比例拉升，建议用SX替代
• H(height)：控制高度的变化，如果是按比例拉升，建议用SY替代
• P(padding)：控制边距的变化
• O(opacity)：控制透明度的变化
• SX(scaleX)：以中点进行X轴的缩放
• SY(scaleY)：以中点进行Y轴的缩放
• RX(rotateX)：以中点进行X轴的旋转
• RY(rotateY)：以中点进行Y轴的旋转
• RZ(rotateZ)：以中点进行Z轴的旋转
• TX(transitionX)：进行X轴的平移
• TY(transitionY)：进行Y轴的平移
• C(color)：控制背景颜色变化
• B(border)：控制背景边框变化

about timeLine

• Delay(timeDelay)：延长时间线，进入等待阶段
• Serial(Combine)：通过组合动画，达到通知播放的效果

1、demo

2、create

• If your application has problems, please submit your code and effect to Issue.
• Pull request are also welcome.

QQ群:

MIT License