加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 03:44:35 所属栏目:百科 来源:网络整理
导读:原创不易,转载请注明出处:Flex开发实例教程-Mp3播放器 代码下载地址:http://www.zuidaima.com/share/1836161863568384.htm 本例中的MP3播放器是用Flex做的,主要是ActionScript和MXML。主要的功能有 播放,暂停,音量控制,播放进度显示。好了先给大家看

原创不易,转载请注明出处: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"?toplabel""?mode"manual"/>
4
</mx:Canvas>

2.歌曲列表

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

mx:DataGrid?"songDataGrid"?dataProvider"{songs}"
????????width"200"?"150"?"10"
click"if (songDataGrid.selectedIndex != -1) sendEvent(SELECT)">
????????mx:columns5 ????????????mx:DataGridColumn?dataField"songName"?headerText"歌曲"6 "songArtist"?"歌手"/>
7 "songDuring"?"时间"8 9 mx:DataGrid 3.播放

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

01
<?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>
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)

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

相关内容
推荐文章
站长推荐
热点阅读