CATALOGUE Code & Data Formation No Code Maîtriser FlutterFlow - De l'Idée à l'Application

Lancer des animations sur des widgets

Retour à la formation
Chapitre 5 Leçon 7
Précédent
Suivant

Cette leçon vous montre comment configurer des animations sur des widgets, soit par On Action Trigger, soit par On Page Load.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorerons en détail comment lancer des animations sur des widgets de deux façons différentes : On Action Trigger et On Page Load. L'option On Page Load permet d'initialiser les animations dès le chargement de la page. Tandis que On Action Trigger permet d'associer des animations à des actions spécifiques sur des widgets. Par exemple, en appuyant sur un bouton, vous pouvez déclencher une action qui démarre une animation. Nous nous concentrerons principalement sur les animations On Page Load, en paramétrant une animation de type slide horizontal sur différents conteneurs et en testant leur bonne réalisation. Vous apprendrez à ajouter une animation, configurer ses propriétés et vérifier les prévisualisations pour assurer le bon fonctionnement des animations sur vos pages.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de montrer comment ajouter des animations sur des widgets, configurer différentes options d'animation, et tester leur fonctionnement.

Prérequis pour cette leçon

Une connaissance de base en développement web et en manipulation de widgets est nécessaire pour suivre cette vidéo.

Métiers concernés

Les professionnels travaillant en développement web, conception UX/UI, et animation numérique peuvent trouver cette vidéo particulièrement utile.

Alternatives et ressources

Les solutions alternatives peuvent inclure l'utilisation de bibliothèques d'animation JavaScript telles que GSAP ou Anime.js.

Questions & Réponses

L'option On Page Load permet de lancer des animations dès le chargement de la page.
On peut déclencher une animation par action en utilisant l'option On Action Trigger et en associant une action Start Animation à un bouton ou un autre élément interactif.
On Page Load déclenche les animations automatiquement au chargement de la page, tandis que On Action Trigger les lance en réponse à une action spécifique de l'utilisateur.