coding
最代码伊成的gravatar头像
最代码伊成2014-05-24 12:23:20

Flex开发实例教程-Mp3播放器代码demo分享

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

Flex开发实例教程-Mp3播放器代码demo分享

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

Flex开发实例教程-Mp3播放器代码demo分享

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

1.播放进度

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

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

2.歌曲列表

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

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

3.播放

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

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

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

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


最代码官方编辑于2016-9-1 9:55:27


打赏

文件名:MP3Player.rar,文件大小:12997.946K下载
  • /
      • /MP3Player
        • /MP3Player/.actionScriptProperties
        • /MP3Player/.flexProperties
        • /MP3Player/.project
          • /MP3Player/.settings
            • /MP3Player/.settings/org.eclipse.core.resources.prefs
          • /MP3Player/bin-debug
            • /MP3Player/bin-debug/AC_OETags.js
              • /MP3Player/bin-debug/assets
                • /MP3Player/bin-debug/assets/next.png
                • /MP3Player/bin-debug/assets/pause.png
                • /MP3Player/bin-debug/assets/play.png
                • /MP3Player/bin-debug/assets/previous.png
                • /MP3Player/bin-debug/assets/stop.png
最代码最近下载分享源代码列表最近下载
litiansoft LV29月1日
星星星星
FWG201018 LV26月19日
星星星星
最代码故戌 LV194月17日
太阳星星星星星星
fenting LV12018年3月23日
星星
君知否 LV162017年11月14日
太阳
敏哥gege LV302017年8月12日
太阳月亮月亮月亮星星星星
ok-wap LV182016年12月22日
太阳星星星星
smmvssss2016 LV12016年1月26日
星星
小码农@猪猪猪 LV122015年10月20日
月亮月亮月亮
liyanzhen LV62015年9月9日
月亮星星星星
最代码最近浏览分享源代码列表最近浏览
litiansoft LV29月1日
星星星星
帐号被删除 LV37月10日
星星星星星星
FWG201018 LV26月19日
星星星星
最代码故戌 LV194月17日
太阳星星星星星星
1250977979 LV24月12日
星星星星
wa8021110 LV94月1日
月亮月亮星星
15101081698 LV33月14日
星星星星星星
java世界的一员 LV52018年11月27日
月亮星星
lidj230 LV12018年11月13日
星星
ccj520 LV42018年9月14日
月亮
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友