Flex开发实例教程-Mp3播放器

原创不易，转载请注明出处：Flex开发实例教程-Mp3播放器

代码下载地址：http://www.zuidaima.com/share/1836161863568384.htm

本例中的MP3播放器是用Flex做的，主要是ActionScript和MXML。主要的功能有 播放，暂停，音量控制，播放进度显示。好了先给大家看看界面吧！如下：

总体的设计还是用了PureMVC框架。项目目录：

这里简单的说说几个功能点吧！

1.播放进度

显示歌曲播放的进度可以使用Flex中 提供的ProgressBar控件，这个控件可以事实的去显示歌曲进行的任务完成的情况！代码如下：

1 <?xml version="1.0" encoding="utf-8"?>
2 <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" height="30">
3     <mx:ProgressBar id="progressBar" left="10" top="10" label="" mode="manual"/>
4 </mx:Canvas>

2.歌曲列表

在Flex 里面提供了List，DataGrid等数据控件。本例中就三个字段 我们可以选择DataGrid控件来显示歌曲列表。在该控件里面可以使用DataGridColumn来自定义列的标题，宽度，显示内容，本例中的歌曲列表代码如下：

1 <mx:DataGrid id="songDataGrid" dataProvider="{songs}"
2         width="200" height="150" left="10"
3         click="if (songDataGrid.selectedIndex != -1) sendEvent(SELECT)">
4         <mx:columns>
5             <mx:DataGridColumn dataField="songName" headerText="歌曲"/>
6             <mx:DataGridColumn dataField="songArtist" headerText="歌手"/>
7             <mx:DataGridColumn dataField="songDuring" headerText="时间"/>
8         </mx:columns>
9     </mx:DataGrid>

3.播放

播放功能是播放器程序里面最核心的应用，当我们点击播放的时候，系统会相应去调用事件函数。如下：

01 <?xml version="1.0" encoding="utf-8"?>
02 <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" height="30"
03     horizontalAlign="center">
04
05     <mx:Script>
06         <![CDATA[
07             public static const PLAY:String = "play";//播放 静态变量
08
09             private function controlHandle(note:String):void
10             {
11                 dispatchEvent(new Event(note));// 派发 事件
12             }
13         ]]>
14     </mx:Script>
15
16     <mx:Image id="btnPlay" source="@Embed(source='/assets/play.png')"
17         buttonMode="true" click="controlHandle(PLAY)"/>
18 </mx:HBox>

暂停控制，停止控制，音量调节等我就不继续详细介绍了！

说明：有需要的牛牛们可以下载下来看看，有bug可以一起解决，因为我也是因为兴趣 学习没几天，Flex方面的大牛请勿笑喷！

（更多资源尽在 最代码:www.zuidaima.com）