Dans ce tutoriel Flash / Actionscript de près de deux heures, nous allons créer une application regroupant différentes pages dans une interface de style "windows". Nous coderons l'ensemble du projet en as3 et mettrons en place de classes, l'une reliée à notre fenêtre portfolio et l'autre à notre projet. Voici quelques-unes de ces fonctionnalités:

Interface quatre boutons, action au rollOver et rollOut
Icônes avec lueur
Drag possible avec effet de soulèvement (ombre et soulèvement)
Bouton de fermeture (transition concernant la disparition de la fenêtre)
Rotation du contenu textuel
Composant UIScrollBar personnalisé


Voici ce que nous passerons en revu:

I) L'interface:

Mise en place de la structure de base: bg, corp de la fenêtre et zone de drag.
Mise en place des boutons, utilisation du filtre rayonnement, création des icônes et mise en place des différents états
Création du bouton close
Mise en place du contenu textuel et mise en place du composant UIScrollBar
Personnalisation du composant (modification des couleur pour chaque état)


II) Le codage (partie 1: la classe Win)

Mise en place de la structure de notre classe, package, classe, constructeur.
ise à plat de imports et instanciation de l'ensemble des variables.
Initialisation du projet: instanciation des variables (mise en place du texte dans un tableau
Initialisation et mise en place de la première page (utilisation du setTimeout)
Regroupement des écouteur lié au événements Mouse (une seule fonction utilisé pour cette gestion)
Mise en place de la fonction gérant l'ensemble des événement Mouse(MOUSE_OVER,MOUSE_OUT,MOUSE_DOWN,MOUSE_UP)
...... _ Activation du mode bouton et suppression des interaction lié à leurs enfants via la boucle for (in)
...... _ Gestion des rollOver et rollOut
......_ Gestion du drag
......_ Gestion de la fermeture de l'application (TweenMax)
......_ Gestion des acton liés au menu (navigation entre chaque page, rotation 3d


III)Le codage (partie 2: La classe Main)

Mise en place de la structure de base (package, classe, constructeur)
Import de notre précédente classe et création d'un nouvel objet win. En utilisant cet méthode, il est possible de créer autant de fenêtre que possible.
Mise en place de notre objet win (ajout à la liste d'affichage, et centrage sur la scène)

VI) Les fichiers sources:

1. Les fichiers winFolio pour flash cs3 et cs4
2. Le fichier Main.as
3. Le fichier WinFolio.as
4. Les fichier html avec gestion de la détection du flash player

Le tutoriel: