animate_it
一个受 animate_do 和 Animate.css 启发的动画包。
由于原始的 animate_do 未得到维护，我决定创建这个包，它将改进当前的动画并添加更多动画，包括使用 Matrix4 的复杂动画。
要查看路线图，请查看已打开的问题
展示
| 演示1 | 演示2 | 演示3 |
|---|---|---|
 |
 |
 |
可用动画
吸引者
- 弹跳
- 舞蹈
- 闪光灯
- Jello 新
- 脉冲
- 轮盘
- RubberBand 新
- ShakeX 新
- ShakeY 新
- 旋转
- SpinPerfect
- 摇摆
弹跳进入
- BounceInDown
- BounceInLeft
- BounceInRight
- BounceInUp
弹性进入
- ElasticIn
- ElasticInDown
- ElasticInLeft
- ElasticInRight
- ElasticInUp
淡入
- FadeIn
- FadeInDown
- FadeInDownBig
- FadeInLeft
- FadeInLeftBig
- FadeInRight
- FadeInRightBig
- FadeInUp
- FadeInUpBig
淡出
- FadeOut
- FadeOutDown
- FadeOutDownBig
- FadeOutLeft
- FadeOutLeftBig
- FadeOutRight
- FadeOutRightBig
- FadeOutUp
- FadeOutUpBig
翻转
- FlipInX
- FlipInY
Lightspeed
- LightspeedInLeft
- LightspeedInRight
滑动进入
- SlideInDown
- SlideInLeft
- SlideInRight
- SlideInUp
特效
- JelloIn
缩放进入
- ZoomIn
缩放退出
- ZoomOut
更多即将推出？
示例
home: Scaffold(
body: Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
FadeInLeft(child: Text('Left') ),
FadeInUp(child: Text('Up') ),
FadeInDown(child: Text('Down') ),
FadeInRight(child: Text('Right') ),
],
),
),
),
待办事项
请注意，许多这些动画都需要改进才能更流畅。我还有很多事情想用这个包来做，这些事情都会在GitHub仓库中作为问题提出。如果您有任何建议，请随时提出一个问题，我会进行处理。
