그림을 자세히 보시려면 그림을 클릭하세요.문서에 첨부된 이미지는 축소하여 올렸습니다. 그림을 자세히 보시려면 그림 파일을 클릭하세요. 큰 화면으로 보실 수 있습니다. ^^

TileList 컴포넌트를 mx 스크립트를 이용하여 ArrayCollection 데이터를 정적으로내장하여 표출한 예제로 0 부터 8까지를 표로 표현해 본다.

소스 및 폼

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

	<mx:ArrayCollection id="datas">
		<mx:Object label="00" />
		<mx:Object label="01" />
		<mx:Object label="02" />
		<mx:Object label="03" />
		<mx:Object label="04" />
		<mx:Object label="05" />
		<mx:Object label="06" />
		<mx:Object label="07" />
		<mx:Object label="08" />
	</mx:ArrayCollection>
	
	<mx:TileList	id="tlList"
			dataProvider="{datas}"
			x="81" y="43" width="96" height="{96+2}" 
			columnWidth="32" maxColumns="3"  
			rowHeight="32"
			alternatingItemColors="[#FFFFFF,#999999]"
			/> 
		
</mx:Application>

예제 실행

숫자 부분을 클릭해 보세요.