Discussion :

[black is beautiful]

Bonjour à tous,

J'aimerai faire une liste avec des images. Pour cela j'ai créé l'objet list sur ma page. Voici le code correspondant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
[Bindable]
private var myArray:ArrayCollection;
[...]
<s:List dataProvider="{myArray}" width="100%" height="100%" itemRenderer="views.ItemLayout"/>

Le tableau "myArray" est peuplé d'objet "Item" qui est une classe que j'ai créé, voici le code:

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
 
public class Item
{
		private var _label:String;
		private var _bigPic:Image = new Image();
		private var _smallPic:Image = new Image();
 
		public function Item(rootImg:String, fileName:String, label:String)
		{
			this.label = label;
 
			smallPic.load(rootImg + "th/" + fileName);
			bigPic.load(rootImg + fileName);
		}
}

(Je n'ai pas recopié les get et set pour éviter de surcharger le topic inutilement)

Et pour finir voici le code de mon ItemRenderer:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
				xmlns:s="library://ns.adobe.com/flex/spark" 
				xmlns:mx="library://ns.adobe.com/flex/halo">
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
 
	<s:VGroup>
		<mx:Image data="{data.smallPic}"/>
		<s:Label text="{data.label}"/>
	</s:VGroup>
 
</s:ItemRenderer>

Mon problème est que dans ma liste, les labels apparaissent, mais pas les images. Apparemment quelque chose se charge puisque les labels se séparent d'une distance égale à la taille de mes images. Le problème c'est que ça reste blanc...

Une idée ? J'ai passé toute la journée sans trouver.

[bonnafb]

et si tu fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<mx:Image source="{data.smallPic}"/>

??

[black is beautiful]

J'ai exactement le même résultat.
J'avais utilisé la propriété 'data' car c'était conseillé dans la documentation.

J'ai même tenté de rajouter les propriétés:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 alpha="1" visible="true"

Mais ça ne change strictement rien.

Quelle pourrait-être les raisons d'une image vide ?

[jylaxx]

et si tu fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<mx:Image source="{data.urlOfsmallPic}"/>

[Kantizbak]

Je ne connais pas encore les spécificités Flex4, masi en Flex 3 on n'utiliserai pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
private var _bigPic:Class ;
private var _smallPic:Class;

?