Create dinamic component

Question

i want to create as many image component as many are in an array
For example
private var data:ArrayCollection = new ArrayCollection();
data[0] = "pic0.jpg";
data[1] = "pic1.jpg";
data[2] = "pic2.jpg";
data[3] = "pic3.jpg";
data[4] = "pic4.jpg";
in this case i want to create 5 image component with their source image.
how do?

Answer 1

Hi napster,
As suggested by Alex you can try the below approaches...
<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection; 
Bindable]private var _data:ArrayCollection = new ArrayCollection(["pic0.jpg","pic1.jpg","pic2.jpg","pic3.jpg","pic4.jpg","pic5.jpg"]); 
]]>
</mx:Script>
<mx:VBox verticalGap="0">
<mx:Repeater id="rptImages" recycleChildren="true" dataProvider="{_data}">
<mx:Image source="{rptImages.currentItem}" />
</mx:Repeater>
</mx:VBox>
<mx:List id="lstImages" dataProvider="{_data}">
<mx:itemRenderer>
<mx:Component>
<mx:Image source="{data}"/>
 </mx:Component>  
</mx:itemRenderer>
 </mx:List></mx:Application>
You can use either use a Repeater component or a List control as shown in the above example.
Thanks,
Bhasker