欢迎来到天天文库
浏览记录
ID:39548621
大小:156.50 KB
页数:20页
时间:2019-07-06
《flash音乐播放器 教程》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、音乐播放器7--上一首下一首演示效果:功能:点击上一首或下一首按钮可在播放器面板中显示歌曲列表中的上一首或下一首歌曲名。制作过程:1、在《再学AS3(六)——音乐播放器(6):添加歌曲显示列表》的文件中,新建图层,名为“按钮”,放两个按钮(上一首、下一首),实例名分别为“sys_btn”、“xys_btn”。2、在名为“AS”图层上,继续添加如下代码://上一首下一首sys_btn.addEventListener(MouseEvent.CLICK,sys);xys_btn.addEventListener(MouseEvent.CLICK,xys);function sys(eve
2、nt:Event):void { xys_btn.addEventListener(MouseEvent.CLICK,xys); if (p>0) { p--; if (p==0) { p=0; sys_btn.removeEventListener(MouseEvent.CLICK,sys); } } gm_txt.text=dzarr[p]}function xys(event:Event):void { sys_btn.addEventListener(MouseEvent.CLICK,sys); if (p3、+; if (p==dzarr.length-1) { p=dzarr.length-1; xys_btn.removeEventListener(MouseEvent.CLICK,xys); } } gm_txt.text=dzarr[p]}音乐播放器(8):组装难点:把前面的各段代码进行整合1、新建FLASHCS3文档,保存名为“音乐播放器”,保存在存有音乐的文件夹内。设置文档大小:252×114像素,帧频:24fps。2、第一层名为“播放器背景”,在该层画一个播放器背景。3、新建图层,名为“播放进度框”,画一个无边框的圆角矩形,边角半径为8,宽202高6,填充颜色为4、#006600,使其垂直水平于舞台。4、新建图层,名为“播放进度背景”,画一个无边框的圆角矩形,边角半径为8,宽200高4,从上到下填充#99CC00到#55802B渐变色,使其垂直水平于舞台。5、新建图层,名为“播放进度条”,画一个无边框的圆角矩形,边角半径为0,宽202高6,从上到下填充#00CCFF到#0066FF渐变色,使其垂直水平于舞台,转换为名为“播放进度条”的影片剪辑。在场景中的实例名为“bfjdt_mc”。6、新建图层,名为“播放进度条遮罩”,把“播放进度背景”图层上帧复制并粘贴到“播放进度条遮罩”图层上,右键选择“遮罩层”。7、新建图层,名为“进度控制”,画一个无边5、框的圆角矩形,边角半径为0,宽200高6,填充颜色任意,使其垂直水平于舞台,转换为名为“进度控制”的按钮元件,并将“弹起”帧上的图形拖到“点击”帧上。在场景中的实例名为“jdcz_btn”。8、新建图层,名为“按钮”,放七个按钮(菜单、退出、停止、上一首、下一首、播放、暂停),实例名分别为“cd_btn”、“quit_btn”、“tz_btn”、“sys_btn”、“xys_btn”、“bf_btn”“zt_btn”。(1)画一个三角形,转换为按钮元件,在“指针经过”的帧上打上文字“MENU”(即“菜单”),把该按钮放在场景中的左上角,其实例名为“cd_btn”。(2)画一个三角形,6、转换为按钮元件,在“指针经过”的帧上打上文字“QUIT”(即“退出”),把该按钮放在场景中的右上角,其实例名为“quit_btn”。(3)画一个矩形,再在中心画一个停止的标志形状,转换为按钮元件,把该按钮放在场景中的左下角,其实例名为“tz_btn”。(4)画一个矩形,再在中心画一个上一首的标志形状,转换为按钮元件,把该按钮放在场景中的左下角,前一个按钮后,其实例名为“sys_btn”。(5)画一个矩形,再在中心画一个下一首的标志形状,转换为按钮元件,把该按钮放在场景中的左下角,前一个按钮后,其实例名为“xys_btn”。(6)画一个圆形,再在中心画一个暂停的标志形状,转换为按钮元件7、,把该按钮放在场景中的中下方,其实例名为“zt_btn”。(7)画一个圆形,再在中心画一个播放的标志形状,转换为按钮元件,把该按钮放在场景中的中下方,与前一个按钮大小坐标相同,其实例名为“bf_btn”。以上按钮在场景中的分布如下图所示:9、新建图层,名为“音量框”,画一个无边框的矩形,边角半径为0,宽67高6,填充颜色为#006600,X:159、Y:81。10、新建图层,名为“音量背景”,画一个无边框的矩形,边角半径为0,宽65高4,从上到下填充#99
3、+; if (p==dzarr.length-1) { p=dzarr.length-1; xys_btn.removeEventListener(MouseEvent.CLICK,xys); } } gm_txt.text=dzarr[p]}音乐播放器(8):组装难点:把前面的各段代码进行整合1、新建FLASHCS3文档,保存名为“音乐播放器”,保存在存有音乐的文件夹内。设置文档大小:252×114像素,帧频:24fps。2、第一层名为“播放器背景”,在该层画一个播放器背景。3、新建图层,名为“播放进度框”,画一个无边框的圆角矩形,边角半径为8,宽202高6,填充颜色为
4、#006600,使其垂直水平于舞台。4、新建图层,名为“播放进度背景”,画一个无边框的圆角矩形,边角半径为8,宽200高4,从上到下填充#99CC00到#55802B渐变色,使其垂直水平于舞台。5、新建图层,名为“播放进度条”,画一个无边框的圆角矩形,边角半径为0,宽202高6,从上到下填充#00CCFF到#0066FF渐变色,使其垂直水平于舞台,转换为名为“播放进度条”的影片剪辑。在场景中的实例名为“bfjdt_mc”。6、新建图层,名为“播放进度条遮罩”,把“播放进度背景”图层上帧复制并粘贴到“播放进度条遮罩”图层上,右键选择“遮罩层”。7、新建图层,名为“进度控制”,画一个无边
5、框的圆角矩形,边角半径为0,宽200高6,填充颜色任意,使其垂直水平于舞台,转换为名为“进度控制”的按钮元件,并将“弹起”帧上的图形拖到“点击”帧上。在场景中的实例名为“jdcz_btn”。8、新建图层,名为“按钮”,放七个按钮(菜单、退出、停止、上一首、下一首、播放、暂停),实例名分别为“cd_btn”、“quit_btn”、“tz_btn”、“sys_btn”、“xys_btn”、“bf_btn”“zt_btn”。(1)画一个三角形,转换为按钮元件,在“指针经过”的帧上打上文字“MENU”(即“菜单”),把该按钮放在场景中的左上角,其实例名为“cd_btn”。(2)画一个三角形,
6、转换为按钮元件,在“指针经过”的帧上打上文字“QUIT”(即“退出”),把该按钮放在场景中的右上角,其实例名为“quit_btn”。(3)画一个矩形,再在中心画一个停止的标志形状,转换为按钮元件,把该按钮放在场景中的左下角,其实例名为“tz_btn”。(4)画一个矩形,再在中心画一个上一首的标志形状,转换为按钮元件,把该按钮放在场景中的左下角,前一个按钮后,其实例名为“sys_btn”。(5)画一个矩形,再在中心画一个下一首的标志形状,转换为按钮元件,把该按钮放在场景中的左下角,前一个按钮后,其实例名为“xys_btn”。(6)画一个圆形,再在中心画一个暂停的标志形状,转换为按钮元件
7、,把该按钮放在场景中的中下方,其实例名为“zt_btn”。(7)画一个圆形,再在中心画一个播放的标志形状,转换为按钮元件,把该按钮放在场景中的中下方,与前一个按钮大小坐标相同,其实例名为“bf_btn”。以上按钮在场景中的分布如下图所示:9、新建图层,名为“音量框”,画一个无边框的矩形,边角半径为0,宽67高6,填充颜色为#006600,X:159、Y:81。10、新建图层,名为“音量背景”,画一个无边框的矩形,边角半径为0,宽65高4,从上到下填充#99
此文档下载收益归作者所有