1、 二维动画课程设计二维动画课程设计 课程设计报告课程设计报告 课程名称课程名称: 基于基于 AS3.0AS3.0 的音乐播放器设计的音乐播放器设计 基于基于 AS3.0AS3.0 的音乐播放器设计的音乐播放器设计 一、一、 序言序言 设计基于设计基于 AS3.0AS3.0 的音乐播放器,实现对音乐的基本操作,并显示歌词。的音乐播放器,实现对音乐的基本操作,并显示歌词。 Photoshop cs4Photoshop cs4; flash cs4/ActionScript3.0flash cs4/ActionScript3.0; 二、二、 作品结构作品结构 1.1. 文件文件结构结构 2图层结构图
2、层结构 三、 设计步骤 一、界面设计 1 1:上一首按钮,实例名为:上一首按钮,实例名为 prev_btnprev_btn; ; 2:2:暂停和播放按钮重叠在一起,实例名暂停和播放按钮重叠在一起,实例名分别为分别为 souPausesouPause 和和 souPlaysouPlay; 3 3:下一首:下一首按钮,实例名按钮,实例名 next_btnnext_btn; 4 4:播放时间,实例名为:播放时间,实例名为 songtime_txtsongtime_txt;5 5:歌曲长度,实例名为:歌曲长度,实例名为 songlenght_txtsonglenght_txt; 6:6:歌词,实例名为
3、歌词,实例名为 lrc_txtlrc_txt; 7 7:进度滑块,实例名:进度滑块,实例名 progKnob_mcprogKnob_mc; 8 8:进度条,实例名为:进度条,实例名为 progBar_mcprogBar_mc 9 9:静音,实例名:静音,实例名 volumeIcon_mcvolumeIcon_mc; 1010:音量控制,实例名:音量控制,实例名 volumeSlider_mcvolumeSlider_mc;1010:列表:实例名:列表:实例名 playList_cbplayList_cb; 二、功能实现二、功能实现 1.1.从从 XMLXML 文件中载人歌曲和歌词并提供给列表下
4、拉文件中载人歌曲和歌词并提供给列表下拉 var playList:XML = new XML();var playList:XML = new XML(); var xmlLoader:URLLoader = new URLLoader();var xmlLoader:URLLoader = new URLLoader(); var xmlReq:URLRequest = new URLRequest(“playlist.xml“);var xmlReq:URLRequest = new URLRequest(“playlist.xml“); xmlLoader.load(xmlReq);xm
5、lLoader.load(xmlReq); var lrcList:XML = new XML();var lrcList:XML = new XML(); var lrcLoader:URLLoader = new URLLoader();var lrcLoader:URLLoader = new URLLoader(); var lrcRvar lrcReq:URLRequest = new URLRequest(“lrclist.xml“);eq:URLRequest = new URLRequest(“lrclist.xml“); lrcLoader.load(lrcReq);lrcL
6、oader.load(lrcReq); /将加载进的将加载进的 xmlxml 播放列表信息提供给播放下拉列表播放列表信息提供给播放下拉列表 xmlLoader.addEventListener(Event.COMPLETE, completeHandler);xmlLoader.addEventListener(Event.COMPLETE, completeHandler); lrcLoader.addEventListener(Event.COMPLETE, completeLrc);lrcLoader.addEventListener(Event.COMPLETE, completeLrc); function completeHandler(evt:Event):voifunction completeHandler(evt:Event):void d playList = XML(evt.target.data);playList