Problème redimensionnement image apres chargement externe

Question

Bonsoir!! 
Voici mon soucis: j'aimerais pouvoir redimensionner mon image après l'avoir chargé mais il ne se passe rien lorsque je fais ceci: 

var conteneurImage:Loader = new Loader(); 
 
var image:URLRequest = new URLRequest("av1.png"); 

conteneurImage.load(image); 

this.addChild(conteneurImage);

conteneurImage.width = 50;

Merci d'avance pour votre aide

pegase31 · Answer

bonsoir,

C'est normal puisque tu n'attends pas que ton image soit chargée .. donc un Loader fait 0x0 de base, et n'est dponc pas redimensionnable.
Cherche sur le site des scripts de chargement d'images en as3 ou parcours la doc de flash, tout y est expliqué.

Peg'

matthmuc72 · Answer

Oui j'ai trouvé un script du genre mais voici mon soucis : imaginons que je la redimensionne a 100px de large au moment de l'upload mais que par la suite je veux la redimensionner en 120px, comment puis-je faire?

pegase31 · Answer

tu veux peut-être dire "download" ? .. ben tu fais exactement pareil qu'uns fois le chargement effectué. Je ne vois pas le problème

Peg'

matthmuc72 · Answer

Voici le code complet :

	function loadImage(path:String):Loader
{
var request:URLRequest = new URLRequest(path);
var loader:Loader = new Loader();
loader.load(request);
loader.contentLoaderInfo.addEventListener( Event.INIT , loaded)
return loader;
};

var image = new Array();

for(i=1;i<4;i++)
{	
image[i] = loadImage("av"+i+".png");	
}

function loaded(event:Event):void 
{
var targetLoader:Loader = Loader(event.target.loader);
targetLoader.width = 60;
targetLoader.scaleY = targetLoader.scaleX;
}

this.addChild(image[1]);

Ainsi lorsque j'affiche l'image 1 par exemple, elle s'affiche avec une largeur de 60. Or comment la redimensionner si je la veux en 80 par la suite par exemple?

pegase31 · Answer

ben tu changes le width à 80 ... je ne saisis pas bien le sens de ta question, là ...

Peg'

pegase31 · Answer

oui, non, j'ai saisis .. il faut que tu sortes la référence de ton loader en dehors de la fonction de chargement, comme ça elle sera accessible tout au long du projet.

Peg'

matthmuc72 · Answer

Et comment jpeux faire ca? :/ En tout cas merci c'est gentil de m'aider ^^

pegase31 · Answer

en déclarant ta variable de loader en dehors de la fonction.

Peg'

matthmuc72 · Answer

Merci mais je ne comprends pas trop ce que tu me dis, ça ne fait que 2 jours que je me mets au flash donc j'ai un peu de mal pour le moment à bien tout assimiler les principes.

J'ai simplifier le code de la façon suivante :

	var image = new Array();

for(i=1;i<4;i++)
{	
var requete:URLRequest = new URLRequest("av"+i+".png");
image[i] = new Loader();
image[i].load(requete);
image[i].contentLoaderInfo.addEventListener( Event.INIT , ChargementTermine)

function ChargementTermine(event:Event):void 
{
image[i] = Loader(event.target.loader);
image[i].width = 60;
image[i].scaleY = image[i].scaleX;
}	
}

this.addChild(image[1]); // image affichée en 60px de large

// comment faire pour l'afficher en 100px de large par la suite?


Qu'est ce que tu appeles déclarer ma variable en dehors?
Désolé d'être un peu dur de la feuille

pegase31 · Answer

Suand tu met une variable en "var" dans une fonction, à la fin de cette fonction, la variable n'est plus instanciée, et donc plus accessible. si tu déclare ta variable comme tu viens de le faire pour ton tableau, elle est dispo tout au long de ton code.

Peg'

matthmuc72 · Answer

Rhaaaa ma tête va exploser! 

Si j'ai bien compris, ce que je dois faire c'est remplacer :

var image = new Array();

par 

image = new Array();

ou 

var requete:URLRequest = new URLRequest("av"+i+".png");

par

requete:URLRequest = new URLRequest("av"+i+".png"); 

?

pegase31 · Answer

non, je t'ai dit de déclarer ta variable de loader en dehors de ta fonction.

qu'est-ce que tu ne comprends pas ?

Peg'

matthmuc72 · Answer

Tu veux dire ca : image[i] = new Loader(); ? faut que je le mette en dehors de la boucle?

pegase31 · Answer

non ...

Mais si ton array est déjà instancié en dehors de ta fonction et que tu y crées les loaders, pas de soucis.

Peg'

pegase31 · Answer

oui, non ...

Je vais te soumettre un petit exercice de réflexion :

Sachant que pour ajouter un DisplayObject appelé "toto" à la liste d'affichage il faut faire "addChild(toto);"
Sachant que pour redimensionner un DisplayObject appelé "toto" à 100px il faut faire "toto.width = 100;"
Sachant que tu as affiché ton loader comme ceci "addChild(images[1]);"

Comment ferais-tu pour redimensionner ton loader à 100px ?

tu as 1h ... et que je te vois pas copier sur tes petits camarades !

Peg'

matthmuc72 · Answer

Rhaaaaaaa 

Tu peux juste me donner la ligne que tu appeles le loader please?

pegase31 · Answer

fais mon exercice, tu comprendras ...

Peg'

matthmuc72 · Answer

Ah zut excuses moi j'avais pas vu ^^

matthmuc72 · Answer

Et bien je ferais : 

addChild(images[1]);
image[1].width = 100;

Je vais mfaire taper!!! désolé maitre!

pegase31 · Answer

bien ;)

Peg'

matthmuc72 · Answer

Ben oui mais mon soucis justement c'est que si je fais ca, mon image disparait :D

pegase31 · Answer

c'est à dire ?

Peg'

matthmuc72 · Answer

Si j'enleve ma boucle et que j'ai quelquechose de cette forme ci :

var conteneurImage:Loader = new Loader(); 

var image:URLRequest = new URLRequest("av1.png"); 

conteneurImage.load(image); 

this.addChild(conteneurImage); 

conteneurImage.width = 60;
conteneurImage.scaleY = conteneurImage.scaleX;

et bien si je fais ça mon image disparait

matthmuc72 · Answer

C'est grave docteur?

pegase31 · Answer

tu n'attends pas que ton image soit chargée ... un loader à la base fait 0x0 donc 60px de rien = 0 => scaleY = 0 ....

Peg'

matthmuc72 · Answer

Mdrrr oui ca revient à ce que tu m'as dit au début mais je ne vois pas comment faire alors :D comment j'attends que mon loader soit chargé? Je peux pas le stocker dans un truc une fois chargé pour que je puisse le redimensionner par la suite?  T'as pas un petit exo?

pegase31 · Answer

sur la doc de flash (cherche un minimum tout seul, tu verras in apprends 2 fois plus !)

Peg'

matthmuc72 · Answer

Dac 

Juste une petite question :

Lorsque je fais par exemple : image[i]:Loader il me met une erreur alors que si je fais image:Loader cela marche, comment ca se fait? y'a une façon speciale ?

matthmuc72 · Answer

Voila ce que j'ai : import flash.display.*; 
import flash.net.URLRequest; 
import flash.events.Event; 
var container:Sprite = new Sprite(); 
addChild(container); 
var pictLdr:Loader = new Loader(); 
var pictURL:String = "av1.png" 
var pictURLReq:URLRequest = new URLRequest(pictURL); 
pictLdr.load(pictURLReq); 
pictLdr.contentLoaderInfo.addEventListener(Event.COMPLETE, imgLoaded);  
function imgLoaded(event:Event):void 
{ 
    container.addChild(pictLdr.content);  
container.width = 50;
}

Là en effet l'image se redimensionne bien mais dès que je le met en dehors de la fonction l'image disparait 

Je sature ca fait 2 jours que je cherche la solution 

T'as pas un petit indice stp pour m'eviter le suicide?

matthmuc72 · Answer

Enfait si je comprends bien ce script une fois l'image chargée il la copie dans le conteneur appelé ici "container" c'est bien ça? Alors pourquoi quand je veux redimensionner ce conteneur par la suite cela ne marche pas alors que l'image à bien etait chargée vu qu'elle a etait transférée dedans non?

pegase31 · Answer

en fait, tu attends que je t'explique comment utiliser un loader, c'est bien ça ?

Peg'

matthmuc72 · Answer

J'aimerais bien un bon indice qui m'aiderais à régler mon probleme oui si ça ne te dérange pas

pegase31 · Answer

donc à quel moment veux-tu la redimensionner ton image ?

Peg'

matthmuc72 · Answer

Merciiii :D Alors enfait ce que je voudrais faire c'est:

1) Charger l'image :

var container:Sprite = new Sprite(); 
addChild(container); 

var pictLdr:Loader = new Loader(); 
var pictURLReq:URLRequest = new URLRequest("av1.png"); 
pictLdr.load(pictURLReq); 
pictLdr.contentLoaderInfo.addEventListener(Event.COMPLETE, imgLoaded);  

2) Une fois chargée la stocker dans "container" par exemple :

function imgLoaded(event:Event):void 
{ 
    container.addChild(pictLdr.content);  
}

3) Maintenant imaginons que dans un premier temps je veuille l'afficher aux coordonnées (20,40) avec une largeur de 140px et par la suite l'afficher aux coordonnées (30,50) avec une largeur de 60px. C'est là que je bloque 

Merci d'avance pour ton aide et ta patience

pegase31 · Answer

ok, mais "par la suite" quand ? sous quelles conditions ? à quelle moment précis ?

Peg'

matthmuc72 · Answer

Enfait mon but est le suivant :

Je veux une image centrale qui fasse par exemple 120px de large et deux autre de chaque coté plus petites de 80px par exemple.

Lorsque je cliquerai sur un bouton je voudrais que l'image du milieu se deplace et prenne la place de l'autre image plus petite (d'où le redimensionnement nécessaire). En gros l'action serait provoqué par le clique sur le bouton, voila

pegase31 · Answer

ben tu places tes évènements au clic bouton, tout simplement ... là je ne vois pas où est la difficulté.

Peg'

matthmuc72 · Answer

Donc je dois recharger une nouvelle image a chaque fois que je veux la redimensionner c'est bien ca? Donc si je veux charger 3x la même image je devrais refaire toutes ces etapes 3x c'est bien ca?

matthmuc72 · Answer

C'est bon je vois comment je peux faire, j'ai juste une question: comment faire passer une variable dans la fonction  imgLoaded?

du genre :

pictLdr.contentLoaderInfo.addEventListener(Event.COMPLETE, imgLoaded('',largeur)); 

function imgLoaded(event:Event,largeur):void 
{ 
container.addChild(pictLdr.content); 
container.width = largeur;
}

Je sais que ca ne marche pas mais y doit bien y avoir une façon non? :D

Ce sera ma dernière question, merci d'avance

Problème redimensionnement image apres chargement externe

39 réponses

Votre réponse

Discussions similaires