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)

Jettez un oeil à ces autres tuto Flash CS4, ActionScript 3

Gérer un modèle 3D dans Flash CS4Gérer un modèle 3D dans…
Dans ce tuto Flash CS4 et ActionScript 3 vous apprendrez à…

Jeu Merlin FLash 3DJeu Merlin FLash 3D
Ce tuto ActionScript 3 en vidéo, d'un niveau intermédiaire,…

Champ de vidéos 3DChamp de vidéos 3D
Dans ce tuto Actionscript 3 en vidéo, vous allez apprendre…

Répertoire téléphonique avec Flash, xml et PHPRépertoire téléphonique…
Dans ce tuto Flash en vidéo, vous allez apprendre à développer…

Créez un site flash de type PortfolioCréez un site flash de type…
Apprenez dans cette formation à réaliser un site complet en…

 Website xml avec utilisation de SWFAddress et SWFObjectWebsite xml avec utilisation…
Dans ce tutoriel, nous allons créer un website dynamique qui…

Débutez facilement avec Flash CS4Débutez facilement avec Flash…
Cette vidéo de découverte va vous permettre de découvrir…

Créer un website avec gestion xml en as3Créer un website avec gestion…
Dans ce tutoriel nous allons créer ensemble un mini site internet…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Flash CS4, ActionScript 3 de 46 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

artkabis , formateur certifié

Passionné par le webdesign, j'aime acquérir de nouvelles connaissances en ratissant la toile. Au fil du temps j'ai su mettre à profit mes compétences de webdesigner pour mélanger interactivité, design et animation. Curieux, j'aime être au courant des dernières nouveautés en matière d'applications internet riches (RIA). Autodidacte, je sais m'adapter aux différents outils de création web. J'utilise au quotidien une multitude de logiciels pour parfaire ma soif de création.

En savoir plus sur artkabis


Témoignage des clients de artkabis

En un mot...stupéfiant ! Merci beaucoup :)

Supers tuto, plein de bonnes astuces, merci :)

Artkabis, vraiment toi tu déchires grave... J'aime vraiment tes tuto et on voit de suite ta passion pour le flash, j'aimerai vraiment avoir 5% de tes connaissances... Bonne continuation à toi...

Merci beaucoup pour ce tuto vraiment bien réalisé !

Super formateur et des tuto très bien expliqués !

Lire les autres témoignages

 

D'autres tuto de artkabis

menu as3 dynamique menu as3 dynamique
Dans ce tutorial Flash ActionScript, nous allons voir comment il est possible de créer…

Flash: Menu contextuel avancéFlash: Menu contextuel avancé
Dans ce tutoriel de prés d'une heure, nous allons créer un menu contextuel avancé…

Un jeu de tir en FlashUn jeu de tir en Flash
Dans ce tuto de près de deux heures, nous allons créer un jeu de tir sous Flash, en…

Galerie Slider xml (gestion vitesse de défilement )Galerie Slider xml (gestion vitesse de défilement )
 Dans ce tuto, nous allons créer une galerie défilante (ou slider) avec gestion…

voir tous les tuto de artkabis

Ce tuto n’a pas encore reçu de vote

Votez pour ce tuto


 

Les avis / Questions des utilisateurs

Aucun utilisateur n’a encore commenté ce tuto.

Sachez que Tuto.com regroupe plus de 183 000 membres qui ont déjà téléchargé plus de 2 916 000 tuto vidéo.
La note moyenne attribuée à nos tuto est de 16/20. Toutes les vidéos proposées sur notre site, sont sélectionnées
à la main, par notre équipe, garantissant ainsi la qualité de nos formations.

Pas encore convaincu ? Parcourez la liste des avis des utilisateurs de Tuto.com !

 

Soyez le premier à commenter ce tuto

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Flash CS4, ActionScript 3 d’une durée de 46 minutes a été acheté 19 fois.

Ce tuto a été publié le 30 septembre 2009 par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 3,9/5 pour l’ensemble de ses vidéos.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !