Flex3中TileList的对象操作

Flex3中的TileList控件是高级列表控件中的一种比较常用的控件，可以使用行列方式显示数据列表，总是使用自定义的项目渲染器设定每个列表的外头，数据格式一般是XML文件格式，以下是示例代码：

 

<mx:Model id="pvcModel" source="data/pvcshow.xml"/>
<mx:ArrayCollection id="slideAC" source="{pvcModel.slide}"/>

<mx:TileList id="slideList" dataProvider="{slideAC}" rowHeight="155" columnWidth="130" right="0" y="272" direction="vertical" width="1180" itemClick="showChild();" rowCount="2">
      <mx:itemRenderer>
        <mx:Component>
          <mx:VBox horizontalScrollPolicy="off" verticalScrollPolicy="off" verticalAlign="middle" horizontalAlign="center">
            <mx:Image source="images/{data.source}" />
            <mx:Label text="{data.caption}" fontSize="10"/>
          </mx:VBox>
        </mx:Component>
      </mx:itemRenderer>
    </mx:TileList>
 </mx:Canvas>

 

注意：其中slideAC是数据提供器对象名。slideList是TileList控件的名称，data.source是TileList控件的data属性（data属性是Flex框架中所有可视化组件的一个可绑定属性，专门用于自定义渲染器结构中，运行时，List控件会为其每个项目创建一个自定义的组件实例，然后将数据提供器的当前数据项目发送到这些自定义组件实例的data属性），source是XML文件中表示图片名称标签，rowHeight="155" columnWidth="130"用于指定TileList项目的大小。

 

itemClick用于设定鼠标选中TileList项时的事件，那么在事件函数中如何得到当前选中的对象，又如何在其他地方使用当前选中的对象呢？

很简单，使用slideList.selectedItem属性，返回的是一个Object对象，下面看代码：

 

private function showChild():void{
   item=slideList.selectedItem;   //获取当前选中对象，赋给item对象
   num=slideList.selectedIndex;
   if(num>0){
    if(num<slideAC.length){
        preitem=slideAC.getItemAt(num-1);   //获取当前选中对象的上一个对象，注意不能直接使用slideList对象，只能用数据提供器对象slideAC

        nextitem=slideAC.getItemAt(num+1);   //获取当前选中对象的下一个对象

    }
   }
  }

 

在其他位置引用时，可以直接采用点号方式引用属性值，如 item.source；