$ 8.00

Tuto Menu coulissant élastique avec gestion xml avec Flash, ActionScript

$ 8.00

  • Une formation vidéo de 1h33m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tutoriel de plus d'1h30, nous allons créer un véritable menu coulissant, avec gestion des titres, des liens et des descriptions via un fichier XML externe. Ce menu est codé en ActionScript 3 (AS3) et l'ensemble du script est contenu dans une classe externe.
Pour ce qui est de la transition des boutons, nous utiliserons la classe TweenLite de GreenSock. Je vous rappelle que vous pouvez visionner gratuitement un tutorial vidéo sur l'utilisation de cette fameuse classe
Ce que vous allez apprendre dans cette formation:

Création de l'interface:

  • Mise en place des boutons coulissants.
  • Gestion et récupération des données utilisées dans l'application.

Création du fichier XML:

  • Explications de la méthode utilisée.
  • Mise en place des éléments (titres,définitions et liens)

Mise en place de la classe principale:

  • Structure de la classe (package, classe document, constructeur).
  • Mise en place des variables et constantes du projet
  • Initialisation de l'application.
  • Gestion des données XML (récupération des éléments textuels du projet).
  • Gestion des erreurs de chargements XML (avancé).
  • Mise en place de la structure coulissante grâce à l'utilisation de la classe TweenLite.
  • Liaison avancé des urls du fichier XML avec l'application.(récupération des id)

Mettre en place le reflet du menu:
 
Dans ce tutoriel, je ne vous ai pas proposé la prise en charge du reflet du menu, mais sachez que vous pouvez vous aussi  utiliser la classe  "Reflect " pour mettre en place le reflet, pour cela, vous  devez simplement télécharger la classe proposé par Adobe à cette endroit: Classe Reflect  .
Pour la mettre en place, vous devrez regrouper tous les éléments du menu dans un clip que vous nommerez "menu" (en nom d'occurrence) ensuite dans votre classe principale, il vous suffira de faire ceci:
Ajout de l'import:
import com.pixelfumes.reflect.Reflect;
Puis d'ajouter cette ligne dans le constructeur:
var reflet:Reflect = new Reflect({mc:this.menu, alpha:80, ratio:110, distance:0, updateTime:0, reflectionDropoff:1});
 


Formateur : Grégory Nicolle

Grégory Nicolle a publié 58 tutoriels et obtenu une note moyenne de 4,0/5 sur 3 258 tutoriels vendus. Voir les autres formations de Grégory Nicolle

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de muchtard laissé le 19/08/2010
    C'est bon Art-K, j'ai trouvé.. J'avais mal cherché ; )

  • 5
    avis de ladrun laissé le 04/04/2010
    Super tuto ! Cependant arrivé à la fin je fait un petit ctrl+entrée et mon menu apparaît sans aucune animation (mis à part l'icône qui clignote). Pourtant j'ai tout suivi à la lettre. J'ai aucune erreur de compilation. Je ne comprends vraiment pas. J'aurais besoin d'un peu d'aide. merci

  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1554 tuto gratuits


non, je ne veux pas me former gratuitement