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>