Flex开发实例教程-Mp3播放器
原创不易,转载请注明出处:Flex开发实例教程-Mp3播放器 代码下载地址:http://www.zuidaima.com/share/1836161863568384.htm 本例中的MP3播放器是用Flex做的,主要是ActionScript和MXML。主要的功能有 播放,暂停,音量控制,播放进度显示。好了先给大家看看界面吧!如下: 总体的设计还是用了PureMVC框架。项目目录:
这里简单的说说几个功能点吧! 1.播放进度 显示歌曲播放的进度可以使用Flex中 提供的ProgressBar控件,这个控件可以事实的去显示歌曲进行的任务完成的情况!代码如下:
4
|
</mx:Canvas >
|
2.歌曲列表
在Flex 里面提供了List,DataGrid等数据控件。本例中就三个字段 我们可以选择DataGrid控件来显示歌曲列表。在该控件里面可以使用DataGridColumn来自定义列的标题,宽度,显示内容,本例中的歌曲列表代码如下:
"songDataGrid"
?dataProvider
"{songs}"
width
"200"
?"150"
?"10"
click"if (songDataGrid.selectedIndex != -1) sendEvent(SELECT)" >
|
mx:columns
5
mx:DataGridColumn
?dataField
"songName"
?headerText
"歌曲"
6
"歌手"
/>
7 | "songDuring"?"时间" 8
|
9 | mx:DataGrid 3.播放
|
<?xml version="1.0" ?encoding= 02
|
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" ?height= "30"
|
03 | horizontalAlign="center" 04
|
????? |
05 | <mx:Script> |
07 | ????????????public ?static ?const ?PLAY:String =? "play" ; //播放 静态变量
|
09 | private?function controlHandle(note:String): void
|
11 | ????????????????dispatchEvent( new ?Event(note)); // 派发 事件
|
13 | ]]> |
15 | ????? |
"btnPlay"
?source=
"@Embed(source='/assets/play.png')"
17 | buttonMode="true" ?click= "controlHandle(PLAY)" />?????
|