Flex实战-制作功能齐全的FLV播放器(5)实现播放列表
2008-12-01 19:04
330 查看
最新体验区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>
播放列表的单项文件基于Hbox组件,该文件用来显示信息和接受鼠标单击事件。播放列表绑定了数据源的pic、name及desciption属性,当鼠标单击该项时,发送以该项的数据为参数的PlayListEvent事件。该文件的代码如下所示:
<?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>
播放列表文件相当简单,就是一个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>
播放列表的单项文件基于Hbox组件,该文件用来显示信息和接受鼠标单击事件。播放列表绑定了数据源的pic、name及desciption属性,当鼠标单击该项时,发送以该项的数据为参数的PlayListEvent事件。该文件的代码如下所示:
<?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>
相关文章推荐
- Flex实战-制作功能齐全的FLV播放器(3)定义播放列表数据源
- Flex实战-制作功能齐全的FLV播放器(4)编写自定义事件类
- Flex实战-制作功能齐全的FLV播放器(1)
- Flex实战-制作功能齐全的FLV播放器(2)功能和结构设计
- 实现app上对csdn的文章列表上拉刷新下拉加载以及加入缓存文章列表的功能 (制作csdn app 四)
- 实现app上对csdn的文章列表上拉刷新下拉加载以及加入缓存文章列表的功能 (制作csdn app 四)
- 【转载】Flex调用外部JS实现播放语音文件功能
- PowerPoint轻松实现列表播放功能
- 家庭财务管理系统实战3- 实现列表数据的增删改查功能
- 【实战项目】【FLEX】#900 实现拖控件功能
- [置顶] Android开发实战使用(VR技术实现360°全景视频播放功能)
- 实现app上对csdn的文章列表上拉刷新下拉加载以及加入缓存文章列表的功能 (制作csdn app 四)
- 实现app上对csdn的文章列表上拉刷新下拉加载以及加入缓存文章列表的功能 (制作csdn app 四)
- Qt/C++项目实战模仿酷狗之播放列表实现(一)
- Java实现视频网站的视频上传、视频转码、视频关键帧抽图, 及视频播放功能 视频网站中提供的在线视频播放功能,播放的都是FLV格式的文件,它是Flash动画文件,可通过Flash制作的播放器来播
- 实现app上对csdn的文章列表上拉刷新下拉加载以及加入缓存文章列表的功能 (制作csdn app 四)
- 实现app上对csdn的文章列表上拉刷新下拉加载以及加入缓存文章列表的功能 (制作csdn app 四)
- newstyles项目实战(七)商品列表功能实现
- 实现app上对csdn的文章列表上拉刷新下拉加载以及加入缓存文章列表的功能 (制作csdn app 四)
- html制作简单框架网页 实现自己的音乐驿站 操作步骤及源文件下载 (播放功能限mp3文件)