Dans ce tuto Flash ActionScript 3, apprenez à développer une application dont on pourra modifier la couleur de fond (background) grâce à un sélecteur de couleur (colorpicker). Le fond s'adapte en fonction de la taille de la fenêtre de l'application. Ce n'est pas tout, nous gérerons aussi le positionnement d'objet en fonction des dimensions de cette même application.

Voici la liste des fonctionnalités

• Background adaptable aux dimensions de l'application
• Colorpicker personnalisé centré en fonction de la taille de l'application
• Classe personnalisé réutilisable pour création de rectangle (paramétrage avancé)
• RollOver et rollOur des pastilles colorées animées avec la classe TweenMax

Mise en place de l'application

• Création du colorPicker
• Export pour actionScript

Mise en place de la classe DessineRect

• Initialisation de la classe : package, classe et constructeur
• Mise en place de l'ensemble des imports du projet
• Mise en place des variables et constantes du projet
• Mise en place de la fonction static draw (avec les paramètres)

Mise en place de la classe FullBgColor

• Initialisation de la classe : package, classe et constructeur
• Mise en place de l'ensemble des imports du projet
• Mise en place des variables et constantes du projet
• Initialisation du projet, alignement et scale
• Création du background dynamique
• Création et mise en place du module colorPicker
• Récupération des pastilles colorées via la méthode getByChildName
• Ajout des écouteurs et activation du mode button sur les pastilles
• Mise en place de la gestion du Resize
• Création de la fonction liée au repositionnent et au redimensionnement
• Mise en place de la fonction liée à l'ensemble des interactions liées à la souris via la méthode switch: clic, rollOut, rollOver

Les fichiers source du projet

• Les fichiers swf pour Flash CS3 et CS4
• Les fichiers fla pour Flash CS3 et CS4
• La classe DessineRect (classe réutilisable)
• La classe FullBgColor (classe principale du projet)
• Fichier htm avec détection du flash player