Flutter AnimatedAlign Exemple

Flutter AnimatedAlign Exemple

Animation de flottement Il existe deux types d’animation dans le flottement, ils sont les suivants

1. Basé sur le dessin
2. Basé sur le code

l’animation basée sur le dessin n’est rien d’autre que gif, vous pouvez obtenir une animation basée sur le dessin via le package rive et lottie

Maintenant, les animations basées sur le code sont de deux types tels que

1. animation implicite
2. animation explicite

L’animation implicite peut être réalisée en utilisant le widget d’animation prédéfini et c’est la meilleure et la meilleure façon de faire l’animation Pour utiliser l’animation implicite, utilisez Animated où foo est ce que vous voulez animer

certaines des animations implicites sont 1.AnimatedContainer 2.AnimatedAlign 3.AnimatedOpacity 4.AnimatedDefualtTextStye 5.AnimatedPadding 6.AnimatedPhysicalModel 7.AnimatedPosition 8.AnimatedSize 9.AnimatedPositionedDierectional 10.AnimatedTheme etc.

Après une longue liste, disons que si vous ne trouvez pas la chose que vous voulez animer, vous pouvez utiliser l’animation client par TweenAnimationBuilder.

Animation explicite Cela fonctionne également comme l’implicite, mais la différence est qu’il s’agit d’un processus sans fin ou de comptage en utilisant le .repeat

une animation explicite nécessitait l’animationController pour effectuer l’animation et elle avait également besoin d’un ticker pour mettre à jour l’animation

certains des exemples de transition que vous pouvez effectuer

1. TailleTransiton
2. fonduTransiton
3. alignTransiton
4. échelle de transition
5. tournerTransiton
6. positionTransiton
7. style de texte par défautTransiton
8. positionrelativeTransiton
9. décoréboîteTransiton
10. etc

GitHub

Voir Github