AS3-XML problème de synchronisation

Version imprimable

Bonjours, j'aimerai votre aide concernant un problème que j'ai en AS.

Voila je charge un fichier xml et récupère les données de chaque oeuvres.
Ensuite je charge l'url de l'image pour pouvoir la mettre en fond dans un bouton.
Une fonction est alors appelé pour créer un bouton et mettre cette image en fond de celui-ci.
Je veut conserver dans un vecteur chaque information des oeuvres chargés, je créer donc une instance d'une classe Oeuvres avec en param les information de l'oeuvre extraite du xml.
Or a ce moment là du code, chaque variable auquels j'ai attribués les information de mon oeuvre possède en fait la dernière ligne lu et pas "la ligne courante" comment résoudre ce problème?

Voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
public function chargementComplet(event:Event):void 
{   
      var salle:XML = new XML(event.target.data);
 
 
      for each(var oeuvre:XML in salle.murs.mur.oeuvres.oeuvre)
	{
			chargeur = new Loader();
			chargeur.load(new URLRequest(oeuvre.@vignette));
			idOeuvre=oeuvre.@id;
                        nomBouton=oeuvre;
			typeBouton=oeuvre.@type;
			imageBouton=oeuvre.@type;
			artisteBouton:oeuvre.@artiste;
		     chargeur.contentLoaderInfo.addEventListener(Event.COMPLETE, bouttonImgOeuvre);
					}

Code:

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
 
public function bouttonImgOeuvre(event:Event):void
{
 
	var bitmapData:BitmapData =Bitmap(event.currentTarget.content).bitmapData;	
 
        var monBouton:Button = new Button();
 
	monBouton.width = event.currentTarget.width;
        monBouton.height = event.currentTarget.height;
 
	monBouton.x = 100; 
	monBouton.y = 200;
 
	monBouton.id = idBouton;
	monBouton.setStyle('skin', null);
 
       monBouton.graphics.clear();
					monBouton.graphics.beginBitmapFill(bitmapData);
					monBouton.graphics.drawRoundRect(0, 0, monBouton.width, monBouton.height, 5);
					monBouton.graphics.endFill();
 
					monBouton.addEventListener(MouseEvent.CLICK,allerOeuvre);
					Tableau.addChild(monBouton);
 
					p=new Oeuvres(0,idOeuvre,typeBouton,nomBouton,artisteBouton,imageBouton);
					Grille.touteMesOeuvres.push(p);
 
}

Mon xml ressemble à ça:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<salle nom= "Bourdon">
	<murs>
		<mur id="mur_1" nom="mur1" texture="mesImages/vignettes/texture_mur1.jpg" hauteur="2">
			<oeuvres>
				<oeuvre id="1" type="peinture" artiste="Charles Le BRUN" oeuvre="mesImages/peinture_test1.jpg" vignette="mesImages/vignettes/peinture_test1.jpg" description="Salles/Bourdon/oeuvre3/desc.txt"> oeuvre3 </oeuvre>
				<oeuvre id="2" type="peinture" artiste="Sebastien BOURDON" x="10" y="260" oeuvre="mesImages/peinture_test2.jpg" vignette="mesImages/vignettes/peinture_test2.jpg" description="Salles/Bourdon/oeuvre2/desc.txt"> oeuvre2 </oeuvre>
				<oeuvre id="3" type="peinture" artiste="Sebastien BOURDON" x="10" y="460" oeuvre="mesImages/peinture_test3.jpg" vignette="mesImages/vignettes/peinture_test3.jpg" description="Salles/Bourdon/oeuvre1/desc.txt"> oeuvre1 </oeuvre>
			</oeuvres>
		</mur>
		<mur id="mur_1" nom="mur2" texture="mesImages/vignettes/texture_mur2.jpg" hauteur="2">
			<oeuvres>
				<oeuvre id="4" type="peinture" artiste="je sais pas" x="160" y="10" oeuvre="mesImages/peinture_test1.jpg" vignette="mesImages/vignettes/peinture_test1.jpg" description="Salles/Bourdon/oeuvre4/desc.txt"> oeuvre4 </oeuvre>
				<oeuvre id="5" type="peinture" artiste="je sais pas" x="360" y="10" oeuvre="mesImages/peinture_test3.jpg" vignette="mesImages/vignettes/peinture_test3.jpg" description="Salles/Bourdon/oeuvre5/desc.txt"> oeuvre5 </oeuvre>
			</oeuvres>
		</mur>
	</murs>
</salle>

J'obtiens alors dans mon vecteur "touteMesOeuvres" pour chacune d mes oeuvres l'id (par exemple ) de la dernière : 5

Pouvez vous m'aider?
Merci

02/05/2011, 18h44
keazz

Hello,
et bien écoute je n'ai pas l'intégralité de ton code mais de ce j'ai pu comprendre tu utilise des variable comme idOeuvre, nomBouton... pour stocker les différentes valeurs et les récupérer lorsque l'image est chargé pour créer un nouvelle object mais le soucis est que le traitement de ton xml est beaucoup plus rapide que le chargement de tes images tous simplement.... donc au moment ou ton listener bouttonImgOeuvre est appeler ton xml est parser depuis un petit moment se boit un petit café de ce faite toutes tes variable de stockage temporaire sont remplit avec la dernière valeur.

En espérant t'avoir aidé :p
04/05/2011, 10h36
paul86

Oui c'est bien ce que je pensai qu'il se passé, une idée de comment régler ça? :?
04/05/2011, 14h48
keazz

Et bien écoute après ça dépend de ton niveau mais la meilleur solution à mon avis est détendre la class loader ( ex: CustomLoader ) afin d'y rajouter une propriété Object qui contiendra les différents éléments. ce qui te permettra dans ta méthode bouttonImgOeuvre de récupérer ton object stocker via le loader avec en écrivant

Code:

var o:Object = CustomLoader( e.target ).oeuvre;

et après il te reste juste à utiliser :)

J’espère avoir été assez claire, je te laisse chercher un peu hésite pas a demander si tu as besoin.
04/05/2011, 16h09
paul86

Ca ma l'air d'être la réponse idéale !!! :mouarf: du moins en théorie ça le ferais, par contre je trouve pas la classe / methode qui utilise CustomLoader dans doc, elle dérive de Loader?
04/05/2011, 16h22
keazz

Lol no justement le classe CustomLoader est le nom de la classe que j'ai utiliser pour mon exemple c'est la classe que tu doit créer en étendant la classe Loader.
04/05/2011, 16h38
paul86

ok donc si j'ai bien compris je créer un classe dérivée de loader qui possède les propriété de la classe loader mais qui en plus me prend un paramètre personnel, comme ça j'ai plus qu'a appeler ce paramètre sur l'event courant pour y accéder?

Il y a plus qu'a dans ce cas !:mouarf:

Merci de ton aide !!! Tu me sauve ! :lol:

J'ai créer ma classe CustomLoader mais je n'arrive pas à l'utiliser correctement dans ma fonction bouttonImgOeuvre......

Voila ce que je fait pour ma classe CustomLoader:

Code:

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
package composants
{
    import flash.display.Bitmap;
    import flash.display.BitmapData;
    import flash.display.Loader;
    import flash.events.Event;
    import flash.events.EventDispatcher;
    import flash.net.URLRequest;
 
    public class CustomLoader extends EventDispatcher
    {
 
        public var mon_id:String;
        public const COMPLETE:String = "COMPLETE";
 
 
 
        private var _loadedImage:Bitmap;
        private var bitmapData:BitmapData;
        private var imageURL:String;
 
 
        public function CustomLoader (imageURL:String,mon_id:String)
        {
            super ();
            this.imageURL=imageURL;
            this.mon_id=mon_id;
        }
 
 
        public function loadImage ():void
        {
            //this.mon_id=mon_id;
            var loader:Loader = new Loader ();
 
            loader.contentLoaderInfo.addEventListener (Event.COMPLETE, imageLoaded);
            loader.load (new URLRequest (imageURL));
 
            function imageLoaded (event:Event):void
            {
	_loadedImage= event.currentTarget.content;
                dispatchEvent (new Event (COMPLETE));
            }
 
 
        }
 
        public function getLoadedImg ():Bitmap
        {
            return _loadedImage;
        }
        public function getMonId():String
        {
          return mon_id;
        }
        public function getHeight():int
        {
          return bitmapData.height;
        }
         public function getWidth():int
        {
          return bitmapData.width;
        }
        public function getImgURL():String
        {
          return imageURL;
        }
    }
}

Comment j'initialise:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
for each(var oeuvre:XML in salle.murs.mur.oeuvres.oeuvre)
					{
 
						p=new Oeuvres(0,oeuvre.@id,oeuvre.@type,oeuvre,oeuvre.@artiste,oeuvre.@oeuvre,oeuvre.@vignette);
						//mesOeuvresCourante.push(p);
						Grille.touteMesOeuvres.push(p);
						customLoader= new CustomLoader(oeuvre.@vignette,oeuvre.@id);
						//mesOeuvresCourante.push(customLoader);
						customLoader.addEventListener(customLoader.COMPLETE, bouttonImgOeuvre);	
 
 
 
					}

et ensuite dans buttonImgOeuvre je ne sais pas trop comme bien l'utiliser car ça ne marche pas bien:

Code:

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
public function bouttonImgOeuvre(event:Event):void
				{
 
					Alert.show("dans imgoeuvre");
					event.currentTarget.loadImage();
					var bitmapData:BitmapData = Bitmap(event.currentTarget.getLoadedImg()).bitmapData;	
					//var bitmapData:Bitmap = customLoader.getLoadedBitmap();
 
 
 
 
					Alert.show("Dans bouttonimgoeuvre "+event.currentTarget);
					var monBouton:Button = new Button();
 
 
					monBouton.width = event.currentTarget.getWidth();
					monBouton.height = event.currentTarget.getHeight();
 
					monBouton.x = 100; 
					monBouton.y = 200;
					//monBouton.label=monBouton;
 
					monBouton.id = event.currentTarget.getMonId();
 
 
 
					monBouton.setStyle('skin', null);
 
					monBouton.graphics.clear();
					monBouton.graphics.beginBitmapFill(bitmapData);
					monBouton.graphics.drawRoundRect(0, 0, monBouton.width, monBouton.height, 5);
					monBouton.graphics.endFill();
 
					monBouton.addEventListener(MouseEvent.CLICK,allerOeuvre);
					Tableau.addChild(monBouton);
				}

Un conseil.....:cry:

04/05/2011, 18h27
paul86

C'est bon j'ai réussi merci pour ton aide !

Wow et bien il y a de l'idée mais en faite je voyais plus un truc simple comme :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 public class CustomLoader extends Loader { private _object:Object; public CustomLoader( o:Object ){ super(); this.obj = o } public function set obj(o:Object):void{ this._object = o } public function get obj():Object{ return this._object; } }
et puis tu utilise la classe custom loader comme tu utilise la classe loader derriere....
Sauf que il stock des data en attendant que le chargement de donné soit terminer et tu récupere tes datas à la fin dès que c'est fini.

c''est pas plus simple à ton avis ?

04/05/2011, 22h30
paul86

Je ne vois pas trop, tu veut stocker directement tout l'objet puis aprés faire les chargement d'url et de bitmap, avec les données enregistrés?
Si c'est pas ça je comprend pas trop ton système^^

En fait l'avantage de ce que j'ai fait il est purement personnel, de cet façon je réutilise mon code fait précédement, sans trop le modifier. Mais je pense qu'au final les deux méthodes se valent.
04/05/2011, 23h34
keazz

HIHI, ba oui tu as tous compris au départ tu avait un problème de synchronisation je t'ai juste donner la solution pour rester synchro c'est a dire faire passer tes data dans un objet en attendant que le chargement soit fini et que tu puisse utiliser tes datas.

Après toi tu est reparti dans une vrai classe métier qui retraite tous...

Sur ce bon courage pour la suite.;)