ActionScript Facile | Chapitre 4 : Cr�ation du composant AS3 Button [Tutoriel]

tr�s int�ressant merci , notre petite agence suit tes tutos.

Sympa, mais n'�tant pas un pro du code AS3, je dis, et pour les futurs g�nie du langage universel, sans code:

A quand la construction d'objets informatiques (tel que ton bouton) uniquement par visu en glisser-coller des formes et propri�t�s � partir de biblioth�ques (comme dans ta d�finition d'objet au sens informatique), afin de rendre accessible, productif, propre et universel l'utilisation d'un langage de construction de logiciels ET d'applications, ce que l'on trouve en partie avec les produits Adobe, et o� l'on ne dirait plus C, c++, c#, java, AS3, Lisp, VB, VBA, fortran, cobol, et je ne sais quoi encore ?

Y aurait pas un jour une ch'tiote �quipe de f�rus qui renverserait cette soupe h�t�rog�ne de langages qui ne cessent de naitre et de mourir ?
On a bien invent� l'�criture, et depuis un bon bout de temps, on arrive � utiliser �a partout dans le monde, nom d'une pipe en terre de Sienne !

Euh, faire un peu comme avec les pictogrammes pour les petits, mais adapt� � des d�veloppements tels qu'on les pratique avec les langages d'aujourd'hui ?

Personnellement, quand je vois ce que tu fais, je n'analyse m�me pas le code, je le pique, en copier coller pour usage. Et pourtant, je me suis assez cass� les dents pour r�aliser en AS la m�canique calcul�e d'une coupe de moteur avec pistons, vilbrequin, bielle, arbres � cames, soupaes et tout le tintouin, et de type wankel (plus fastoche), et de machines de d�formation du m�tal (et j'en passe), pour ceux qui voient ce que c'est. La, les lignes de codes deviennent d�mentent.

En tous les cas, bravo !

salut,

parfait, le code et les explications sont tr�s clairs, c'est agr�able

j'aurais des questions :
pourquoi utiliser lastParent ?
les m�thodes hide/show sont r�ellement utile ?


j'ai remarqu� une "bizarrerie" :

si l'occurrence du bouton est effac� par un removeChild, la m�thode destroy() n'est jamais appel� et tous les �couteurs de UIComponent restent actifs (augmentation m�moire+ressources).
il faudrait rajouter le destroy() dans l'�v�nement Event.REMOVED_FROM_STAGE au niveau du UIComponent pour pouvoir effacer compl�tement le composant.

Envoy� par The_Pretender

Les m�thodes hide / show sont tr�s pratiques pour faire apparaitre / disparaitre des composants de la displaylist (ou affichage sur votre interface) tout en conservant une r�f�rence vers l'objet cr��.

ben normalement on a toujours une r�f�rence vers l'occurence .. ex :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
var bt:Bouton = new Bouton();// la référence vers l'occurence
this.addChild(bt);// l'afficher
this.removeChild(bt);// l'enlever (le cacher)
this.addChild(bt);// l'afficher encore une fois vu que la référence "bt" existe toujours
 
/**
* le parent peut être trouvé sans avoir besoin de lastParent :
* car la propriété "parent" fait partie de DisplayObject
*/
try{
    (bt.parent).removeChild(bt);
}catch(){}

voila ce que j'ai fait pour mes composants, j'ai juste effac� toutes les m�thodes statiques et le Dictionnary :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
/* ----------------------------------------------------------------------------
*
*                            classe ComposantBase v1.0
*
* Lorenzo
*
*
* AS >= 3.0
* package commun Flash et Flex
 ------------------------------------------------------------------------------- */
package classes {
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.utils.Dictionary;
 
 
 
	/**
	 * @author Lorenzo
	 * 
	 * La classe mere pour tous les composants visuels
	 * 
	 * @example
	 * <listing version="3.0">
	 * </listing>
	 * 
	 * @see
	 */
	public class ComposantBase extends Sprite{
		// -----------------------------------------------------------------------------------
		// DECLARATIONS
		// -----------------------------------------------------------------------------------
 
		// ----------------------------- Parametres utilisateur ------------------------------
 
 
		// -------------------------------- Parametres classe --------------------------------
		// total des occurences de cette classe
		// a repeter dans tous les classes filles
		private static var totalOccurence:uint = 0;
 
		// indique si l'occurence du composant est dans la liste d'affichage
		//INFO: sera utile dans tous les setter pour savoir s'il faut marqueur le composant pour une re-création
		protected var _surScene:Boolean = false;
 
		// Indique s'il faut faire un trace() dans chaque méthode pour indiquer le cheminement des scripts
		public static var DEBUG:Boolean = false;
 
 
		// ----------------------------------- Évenements ------------------------------------
 
		/** 
		 * Propagé quand la construction visuel est fini.
		 * @eventType flash.events.Event.COMPLETE
		 */
		[Event(name = "complete", type = "flash.events.Event.COMPLETE")]
 
 
 
		// -----------------------------------------------------------------------------------
		// CONSTRUCTEUR
		// -----------------------------------------------------------------------------------
 
		/**
		 * Constructeur de ComposantBase
		 */
		public function ComposantBase() {
			if ( DEBUG ) trace("lol.controle.ComposantBase -> ComposantBase()");
			super();
			this.addEventListener(Event.ADDED_TO_STAGE, this.evtThisAddedToStage, false, 0, true);
			this.addEventListener(Event.REMOVED_FROM_STAGE, this.evtThisRemovedFromStage, false, 0, true);
			// a repeter dans tous les classes filles
			this.name = "ComposantBase" + totalOccurence;
			ComposantBase.totalOccurence++;
		}
 
 
 
		// -----------------------------------------------------------------------------------
		// METHODES STATIQUES
		// -----------------------------------------------------------------------------------
 
 
 
		// -----------------------------------------------------------------------------------
		// METHODES PRIVATE
		// -----------------------------------------------------------------------------------
 
		/**
		 * Lancer la recréation de l'occurence.
		 */
		private function lanceurRecreation(ev:Event = null):void {
			if ( DEBUG ) trace("lol.controle.ComposantBase -> lanceurRecreation()");
			if( this._surScene == false ){
				return;
			}
 
			this.dessiner();
 
			this.removeEventListener(Event.ENTER_FRAME, lanceurRecreation);
			this.dispatchEvent(new Event(Event.COMPLETE));
		}
 
 
 
		// -----------------------------------------------------------------------------------
		// METHODES PROTECTED
		// -----------------------------------------------------------------------------------
 
		/**
		 * Marquage de l'occurence comme devant être re-crée.
		 * //INFO: Cette méthode doit être executé dans les "setter" (lorsque qu'une propriété est modifié de l'extérieur).
		 * //INFO: les modifications des propriétés par la classe ne doivent pas passer par les setters pour des raisons de performances
		 */
		protected function marqueurRecreation():void {
			if ( DEBUG ) trace("lol.controle.ComposantBase -> marqueurRecreation()");
			this.addEventListener(Event.ENTER_FRAME, lanceurRecreation);
		}
 
		/**
		 * Dessiner la représentation visuel de l'occurence.
		 * Les classes enfants doivent étendre cette méthode.
		 */
		protected function dessiner(ev:Event = null):void {
			if ( DEBUG ) trace("lol.controle.ComposantBase -> dessiner()");
		}
 
		/**
		 * Detruire le composant et son contenu (removeChild() + effacement evenements).
		 * l'occurence ne peut plus être ajouté à la liste d'affichage aprés execution de cette méthode
		 * Les classes enfants doivent étendre cette méthode pour y effacer leurs évenements + destruction références.
		 */
		protected function detruire():void {
			if ( DEBUG ) trace("lol.controle.ComposantBase -> detruire()");
			while (this.numChildren > 0) {
				this.removeChildAt(0);
			}
			this.graphics.clear();
 
			this.removeEventListener(Event.ENTER_FRAME, lanceurRecreation);
			this.removeEventListener(Event.ADDED_TO_STAGE, evtThisAddedToStage);
			this.removeEventListener(Event.REMOVED_FROM_STAGE, evtThisRemovedFromStage);
		}
 
 
 
		// -----------------------------------------------------------------------------------
		// METHODES PUPLIQUES
		// -----------------------------------------------------------------------------------
 
		/**
		 * Représentation sous forme de chaîne de l’occurence.
		 */
		public override function toString():String {
			return  "lol.controle.ComposantBase : name=" + this.name;
		}
 
 
 
		// -----------------------------------------------------------------------------------
		// EVENEMENTS
		// -----------------------------------------------------------------------------------
 
		// ----------------- gestion de l'occurence dans la liste d'affichage ----------------
		protected function evtThisAddedToStage(ev:Event = null):void {
			if ( DEBUG ) trace("lol.controle.ComposantBase -> evtThisAddedToStage()");
			this._surScene = true;
			this.dessiner();
		}
		protected function evtThisRemovedFromStage(ev:Event = null):void {
			if ( DEBUG ) trace("lol.controle.ComposantBase -> evtThisRemovedFromStage()");
			this._surScene = false;
			this.detruire();
		}
 
 
 
		// -----------------------------------------------------------------------------------
		// GET/SET
		// -----------------------------------------------------------------------------------
 
	}
}

si tu te demandes ce que viennent faire les m�thodes "marqueurRecreation" et "lanceurRecreation", la r�ponse ici : http://web.codeur.free.fr/index.php/...-performances/

Salut,

J'ai 2 petites questions :

Est-on oblig� de cr�er les classes (vide) des Skins du genre cr�er une classe ButtonOverSkin dans (par exemple) com.toto.skin.button ? car j'ai une erreur "Variable non d�finie com.toto.skin.button.ButtonOverSkin" dans DefaultButtonSkin.as.

J'ai cr��e un ui.fla avec mes 3 composants graphiques correspondant aux 3 �tats, chacun link�s sur leur classes respectives com.toto.skin.button.ButtonOverSkin, com.toto.skin.button.ButtonDownSkin, com.toto.skin.button.ButtonUpSkin.

Export� dans l'image 1, et h�ritant de flash.display.Sprite

comme �a ne march� pas j'ai cr�er ces classes vide, en me disant que le compilateur allait trouver dans le ui.swc les elements graphiques � instancier, mais visiblement non, car j'ai test� un addChild( new com.toto.skin.button.ButtonOverSkin() ) et rien � l'affichage.

Merci d'avance

Oui, c'est juste que je n'�tais pas dans le m�me ApplicationDomain, car je charg� un swf externe... c'est sur que si les assets sont sotck�s dans le m�me flash "principal" cela fonctionne.

En fait je d�sire, avoir un SWF d�di� au skin, o� les designers peuvent �ventuellement "s'amuser" dessus.
Mon application � un Preloader, il se charge l'application principal, mais aussi les assets, donc le SWF en question, mais je sais pas comment acc�der aux ressources de SWF skin via l'application charg� dynamiquement.

super tuto !
je commence flex et je me retrouve sur un projet existant qui est enti�rement cod� en proc�dural et code spaghetti
je savais pas que l'on pouvait faire des objets en actionscript donc je vais reprendre les id�es