<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
		 xmlns:s="library://ns.adobe.com/flex/spark" 
		 xmlns:mx="library://ns.adobe.com/flex/mx"
		 creationComplete="init()">
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
 
	<fx:Script>
		<![CDATA[
			import com.flexeando.multipleitemrenderers.render.FemeninoItemRender;
			import com.flexeando.multipleitemrenderers.render.MasculinoItemRender;
 
			import mx.collections.ArrayCollection;
			import mx.utils.ObjectProxy;
 
			[Bindable]
			private var arrDataProvider:ArrayCollection = new ArrayCollection();
 
			private var object:ObjectProxy;
 
			private function init():void
			{
				for (var i:uint = 0; i < 20; i++)
				{
					object = new ObjectProxy();
					object.name = "Nombre + " + i;
					object.lastName = "Apellido + " + i;
 
					if (i % 2 == 0)
						object.sexo = "H";
					else			
						object.sexo = "M";
 
					arrDataProvider.addItem(object);
				}
			}
 
			private function getItemRender(o:Object):IFactory
			{
				var clazz:Class;
 
				switch (o.sexo)
				{
					case "M":
						clazz = FemeninoItemRender;
						break;
					case "H":
						clazz = MasculinoItemRender;
						break;
				}
 
				return new ClassFactory(clazz);
			}
 
		]]>
	</fx:Script>
 
	<s:DataGroup height="600" width="100" 
				 dataProvider="{arrDataProvider}"
				 itemRenderer="com.flexeando.multipleitemrenderers.render.FemeninoItemRender"
				 itemRendererFunction="getItemRender">
		<s:layout>
			<s:VerticalLayout/>
		</s:layout>
	</s:DataGroup>
</s:Group>

<?xml version="1.0" encoding="utf-8"?>
<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/mx" 
				autoDrawBackground="true">
 
	<s:states>
		<s:State name="nomal" />
		<s:State name="inactive" />
	</s:states>
 
	<s:Rect height="100%" width="100%">
		<s:fill>
			<s:SolidColor color="0xFFB6C1"/>
		</s:fill>
	</s:Rect>
 
	<s:Group>
		<s:layout>
			<s:HorizontalLayout />
		</s:layout>
		<s:Label text="{data.name}"/>
		<s:Label text="{data.lastName}"/>
		<s:Label text="{data.sexo}"/>
	</s:Group>
 
</s:ItemRenderer>

<?xml version="1.0" encoding="utf-8"?>
<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/mx" 
				autoDrawBackground="true">
 
	<s:states>
		<s:State name="nomal" />
		<s:State name="inactive" />
	</s:states>
 
	<s:Rect height="100%" width="100%">
		<s:fill>
			<s:SolidColor color="0x00FFFF"/>
		</s:fill>
	</s:Rect>
 
	<s:Group>
		<s:layout>
			<s:HorizontalLayout verticalAlign="middle" />
		</s:layout>
		<s:Label text="{data.name}"/>
		<s:Label text="{data.lastName}"/>
		<s:Label text="{data.sexo}"/>
	</s:Group>
 
</s:ItemRenderer>

	<!-- The icon the system uses for the application. For at least one resolution,
		 specify the path to a PNG file included in the AIR package. Optional. -->
	<icon>
		<image16x16>assets/image/icons/16x16.png</image16x16>
		<image32x32>assets/image/icons/32x32.png</image32x32>
		<image48x48>assets/image/icons/48x48.png</image48x48>
		<image128x128>assets/image/icons/128x128.png</image128x128>
	</icon>