Retour

Animation avancée et graphisme dynamique avec Flutter

Durée : 3 jours
Tarif : 1800€ HT

Flutter a été conçu pour aider les développeurs à implémenter toutes les UI imaginées par les designers.

Pour cela, Flutter offre de nombreux outils pour animer les interfaces utilisateurs. Des animations de fadings aux transitions Hero, la librairie intégre de nombreuses briques permettant de facilement donner vie aux UI.
En contrôlant directement les pixels affichés, Flutter permet également aux développeurs de dessiner des interfaces complexes en temps réel, comme des graphiques dynamiques, pour des applications mobiles à la fois plus sophistiquées et plus réactives.

Objectifs

L'objectif de cette formation est d'apprendre à tirer parti des puissantes capacités graphiques de Flutter pour donner vie à vos designs et créer des expériences utilisateur uniques.

Pré-requis

Cette formation est destinée aux développeurs ayant déjà une connaissance pratique de Flutter.

Programme

Jour 1 : Widgets d'animation

Le premier jour est consacré aux différentes techniques d'animations.

Animation

  • Animations implicites
  • Animations explicites : AnimationController
  • Orchestration ( Staggered animations )
  • Transitions
  • Transition Hero
  • Les librairies d'animation

Jour 2 : Custom painting

Le second jour est consacré aux techniques de dessin d'interfaces utilisateur "en temps réel" et à l'utilisation de widgets d'animation de scrolling.

Graphisme dynamique avec CustomPaint

  • Dessiner des widgets "sur-mesure"
  • Dessiner des widgets animés

Les Slivers

  • Quand et comment utiliser les slivers
  • Animation de défilement avec les slivers

Jour 3 : Rive, Hero

Le dernier jour est consacré à l'utilisation de Rive, et à l'étude de techniques complexes d'animations

Rive

  • Créer des animations dans l'éditeur Rive
  • Utiliser des animations Rive dans Flutter

Animations complexes

  • Transition Hero personnalisée
  • Animation de scrolling
  • Autres exemples