List控件

List.mxml
<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  xmlns:ns1 ="*" >
     <!--  Model标签主要用于数据，Model定义的数据编译被转化为一般的ActionScript数据对像，
    可以用作数据绑定。不同的是，这些数据不可以被更改，没有明确的数据类型，可以是字符串，整型，XML数据等。  -->
     < mx:Model  id ="images" >
         < image >
             < item  label ="图片1"  data ="C:MyProject lexProjectimages/1.gif" ></ item >
             < item  label ="图片2"  data ="C:MyProject lexProjectimages/2.gif" ></ item >
             < item  label ="图片3"  data ="C:MyProject lexProjectimages/3.gif" ></ item >
             < item  label ="图片4"  data ="C:MyProject lexProjectimages/4.gif" ></ item >
         </ image >
     </ mx:Model >
     < mx:List  x ="72"  y ="62"  dataProvider ="{images.item}"  itemRenderer ="ImageItem" ></ mx:List >
     <!--  images.item包含了XML数据中所有节点为“item”的数据，并通过dataProvider属性将数据传递给List组件   -->
     <!--  itemRenderer="ImageItem"表示用自定义的itemRenderer来代替默认的组件，ImageItem就是自定义的组件    -->
</ mx:Application >
ImageItem.mxml
<? xml version="1.0" encoding="utf-8" ?>
< mx:HBox  xmlns:mx ="http://www.adobe.com/2006/mxml"  width ="102"  height ="54" >
     < mx:Image  width ="39"  height ="41"  source ="{data.data}" />
     < mx:Button  label ="{data.label}"  width ="54"  height ="40" />
     <!--  flex通过data属性，将数据传递给itemRenderer的，在自定义的itemRenderer中，直接调用data对像的属性就可以了，但itemRenderer并不对数据进行有效的验证   -->
</ mx:HBox >