Dans ce tutoriel, nous allons créer un ensemble de graphiques, gérés dynamiquement depuis un fichier xml, celui-ci nous permettra de paramétrer nos graphique et plus précisément leurs titres, leurs valeurs, mais aussi leurs couleurs. Il sera aussi possible de gérer facilement le nombre d'élément (de graphique) et ceci en ajoutant un simple nœud dans le fichier xml. Pour rendre tout ceci un peu plus sympa, chaque élément sera animé via la classe TweenMax, ce qui nous permettra de mettre en place chaque élément avec une transition.

Voici ce que comportera notre application:

1. Gestion de la couleur
2. Gestion de la valeur des graphiques
3. Gestion des titres
4. Gestion du nombre d'élément
5. Animation de la taille des graphiques (en fonction de la valeur)

Voici ce que nous passerons en revu:

I)L'application:

Mise en place du background (avec dégradé radial)
Création du clip graph relié avec la classe Graphique
Création du texte dynamique pour la récupération des infos

II)Les fichiers annexes:

Mise en place et création de la classe Graph
Mise en place et création du fichier graph.xml

a)Le fichier graph.xml:

Initialisation du fichier xml
Mise en place de l'encodage et de la version
Création des nœuds title,value et color

b)Le fichier Graph.as

Initialisation de notre classe (package, classe et constructeur)
Mise en place des imports et des variable de notre projet
Mise en place du constructeur
_initialisation des variables
_Initialisation des chargements xml
Récupération des données xml (titres,valeurs et couleurs)
Gestion des erreurs de chargement xml
Création de l'ensemble des graphique et mise en place de l'animation
Mise en place dynamique des infos liées aux graphiques


III)Les fichiers sources:

1. Pack cs3 (fichiers: fla, html et swf pour flash cs3)
2. Pack cs4(fichiers: fla, html et swf pour flash cs4)
3. Dossier xml (comprend le fichier d'initialisation du graphique)
4. Dossier fr (comprend la classe principale du projet)

Le tutoriel: