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)

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

Une date limite de validité pour vos projets FlashUne date limite de validité…
Dans ce tuto Flash Actionscript, nous allons créer une application…

Menu coulissant élastique Xml (suite)Menu coulissant élastique…
Dans ce tuto Flash ActionScript, nous allons voir comment il…

Menu 3D avec Papervision3DMenu 3D avec Papervision3D
Dans ce tuto Flash, vous allez apprendre à créer un menu 3D…

Formation ActionScript : coder un site full flashFormation ActionScript : coder…
Apprenez à développer un site full flash grâce à la programmation…

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

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…

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

Galerie 3d interactive avec FlashGalerie 3d interactive avec…
Dans ce tutorial Flash ActionScript de près d'une heure, nous…

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
a vendu plus de 1.500 tutos, formateur certifié par Tuto.com.

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.

La moyenne de ses notes :  

Devenir fan

Voir son profil


Témoignage de ses clients

odst51 dit Excellent, très bon travail, perso j adore.

 

 

Tuto du même auteur

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

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é (ouvrir le lien,…

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 ActionScript 3, avec…

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 du défilement…

voir tous les tuto de artkabis

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


 

Les avis / Questions des utilisateurs

Aucun utilisateur n’a encore commenté ce tuto.

Sachez que Tuto.com regroupe plus de 63 000 membres qui ont déjà téléchargé plus de 680 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 listes des témoignages de nos utilisateurs !

 

Soyez le 1er à donner votre avis.

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.

Ce tuto a été publié par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,1/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 qui se présente sous la forme d’une vidéo, 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.

Besoin d'aide ? Contactez le support !