<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/01/04/setting-alternating-colors-on-a-flex-horizontallist-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white" viewSourceURL="srcview/index.html">

	<mx:Array id="arr">
		<mx:Object label="Accordion"
				icon="@Embed('assets/Accordion.png')" />
		<mx:Object label="ApplicationControlBar"
				icon="@Embed('assets/ApplicationControlBar.png')" />
		<mx:Object label="Box"
				icon="@Embed('assets/Box.png')" />
		<mx:Object label="Canvas"
				icon="@Embed('assets/Canvas.png')" />
		<mx:Object label="ControlBar"
				icon="@Embed('assets/ControlBar.png')" />
		<mx:Object label="DividedBox"
				icon="@Embed('assets/DividedBox.png')" />
		<mx:Object label="Form"
				icon="@Embed('assets/Form.png')" />
		<mx:Object label="FormHeading"
				icon="@Embed('assets/FormHeading.png')" />
		<mx:Object label="FormItem"
				icon="@Embed('assets/FormItem.png')" />
		<mx:Object label="Grid"
				icon="@Embed('assets/Grid.png')" />
		<mx:Object label="HBox"
				icon="@Embed('assets/HBox.png')" />
		<mx:Object label="HDividedBox"
				icon="@Embed('assets/HDividedBox.png')" />
		<mx:Object label="Panel"
				icon="@Embed('assets/Panel.png')" />
		<mx:Object label="TabNavigator"
				icon="@Embed('assets/TabNavigator.png')" />
		<mx:Object label="Tile"
				icon="@Embed('assets/Tile.png')" />
		<mx:Object label="TitleWindow"
				icon="@Embed('assets/TitleWindow.png')" />
		<mx:Object label="VBox"
				icon="@Embed('assets/VBox.png')" />
		<mx:Object label="VDividedBox"
				icon="@Embed('assets/VDividedBox.png')" />
		<mx:Object label="ViewStack"
				icon="@Embed('assets/ViewStack.png')" />
	</mx:Array>

	<mx:HorizontalList id="horizontalList"
			dataProvider="{arr}"
			alternatingItemColors="[#FFFFFF, #EEEEEE]"
			columnCount="3"
			columnWidth="175"
			rowCount="1"
			height="100" />
	
</mx:Application>