如何在Flex中显示数组中的图像？

Question

I'm making a Matching Game in Flex. I want to have images from one array on my left and images from the second array on my right, so that user can drag&drop images from the left onto matching images on the right.

I have mx:HBox and two mx:VBox inside. Now, how can I display images in VBox that I have in my gameArray, if the length of my array (amount of images) may differ? I would have to create as many mx:Image as the length of my gameArray, but how do I do it in MXML?

Answer 1

为什么不将List与itemRenderer一起使用以显示图像？

Answer 2

I have all my data in an array and prefer to keep it like this. I just dont understand why my code doesn't work...

<mx:ArrayCollection id="myAC" source="{gameArray}"/>
<mx:VBox width="50%" height="100%">
<mx:Repeater id="rp" dataProvider="{myAC}">
<mx:Image source="{rp.currentItem}"/>
</mx:Repeater>
</mx:VBox>

The code is taken straight from http://livedocs.adobe.com/flex/3/html/help.html?content=repeater_3.html

Why doesn't it display the images? I debugged my code to make sure that the array has correct data. The string in, eg gameArray[1] will be "assets/image.jpg" and if I just write it as a source, it works. With dynamic, it does not. Maybe rp.currentItem is not exactly what I should use in this case??