Skip to content

YYFlutter/flutter-animation-set

Repository files navigation

✨ Flutter Animation Set

pub package

简化Flutter交错动画。用动画集的列表形式,通过时间去驱动Flutter的交错动画。开发者可以通过已有的动画集组件进行使用,或者通过动画集库去创建新的动画组件。已有的组件一共分为两种形式

  • transition_animations:过渡动画。如Loading
  • behavior_animation:行为动画。如菜单展开,点赞

🎖 Installing

coming soon

⚡ Use Animation Set Widget

1、import

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

2、use

child: YYWave()

3、road map


RotatingPlane

DoubleBounce

Wave

WanderingCubes

FadingFour

FadingCube

Pulse

ChasingDots

ThreeBounce

Circle

CubeGrid

FadingCircle

RotatingCircle

FoldingCube

PumpingHeart

DualRing

HourGlass

PouringHourGlass

FadingGrid

Ring

Ripple

SpinningCircle

4、thanks

🎮 Create Animation Set Widget By YourSelf

1、import

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

2、api

about animation

  • W(width)
  • H(height)
  • P(padding)
  • O(opacity)
  • SX(scaleX)
  • SY(scaleY)
  • RX(rotateX)
  • RY(rotateY)
  • RZ(rotateZ)
  • TX(transitionX)
  • TY(transitionY)
  • C(color)
  • B(border)

about timeLine

  • Delay(timeDelay)
  • Serial(Combine)

For Example

1、demo

2、create

🐛 Bugs/Requests

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

❗️ Note

QQ群:

For help on editing plugin code, view the documentation.

⭐️ License

MIT License

About

🔥🔥🔥 Easy to build an animation set

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published