最新体验区http://flex.itzcn.com/index.htm
播放列表文件相当简单,就是一个TileList组件,但是其itemRenderer属性为另外的一个组件“PlayListBox”。将这两者分开编写,当需要对播放列表整体改变时,只需要对单项文件或播放列表文件进行简单修改,分析起来相当简单。播放列表(PlayList.mxml)文件的内容如下所示:
- ?xml version="1.0" encoding="utf-8"?>
- <mx:TileList xmlns:mx="http://www.adobe.com/2006/mxml" itemRenderer="myComponents.PlayListBox" direction="vertical" selectedIndex="0" columnCount="1" rowCount="3" height="380">
- </mx:TileList>
- <?xml version="1.0" encoding="utf-8"?>
- <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="338" height="105" borderStyle="solid" borderThickness="2" borderColor="#FBB100" click="ChangeToPlayMe(event)" buttonMode="true" useHandCursor="true">
- <mx:Script>
- <![CDATA[
- import myEvents.PlayListEvent;
- private function ChangeToPlayMe(event:MouseEvent):void{
- this.parentApplication.dispatchEvent(new PlayListEvent(event.currentTarget.data));
- }
- ]]>
- </mx:Script>
- <mx:Image height="101" width="160" source="{data.@pic}"/>
- <mx:VBox width="100%" height="100%">
- <mx:Text text="{data.@name}"/>
- <mx:Text text="{data.@desciption}" width="100%" textAlign="left" height="100%" fontSize="12"/>
- </mx:VBox>
- </mx:HBox>