万卷书   首页 > 电脑书籍 > Flash > 用Flash打造迷你Winamp播放器
 
  Winamp是PC上使用率比较高的一款音频播放器,以其短小精悍的身材和系统资源占用低的优点,深受大家的喜爱。作为一名闪客同时又为音乐发烧友的我,自然而然的就想到了利用闪客手中的利器—Flash,来动手自己制作一个模拟的迷你Winamp来,想想使用自己打造出的精美播放器,欣赏着优美的旋律,那情景是多么悠然自得啊。

  废话少说,说作就做,不过在和大家一起制作之前,前来看一下最后的制作成品,以便使大家在下面的制作过程中能做到心中无数,免得到时候手忙脚乱,最后完成的播放器界面如图1所示:

图1

  从图一中我们看到,此款播放器的界面可以说非常漂亮,左下角是一排播放按钮,最左边的孔形按钮可以进行精简界面和完整界面之间的切换,接下来的五个按钮大家应该很熟悉了,作用分别是前一首歌曲,播放,暂停,关闭,下一首歌曲。右下方的文字是播放曲目的提示,可以显示出所播放的是哪首歌曲。最酷的要算占据播放器界面主要位置的光谱柱了,可以随着音乐的节奏跳跃,更绝的是我们可以使用鼠标对播放器的整体进行拖动,可以将其放置到任意位置,简直和Winamp是一模一样。看到这里大家一定按捺不住了吧,别着急,让我们一步一步来制作这个精美的播放器。

  1.首先启动Flash MX,并新建一个影片文件,对影片属性进行设置,设置影片大小为600px*400px(单位为象素),影片背景色为黑色。

  2.首先我们要制作的是控制音乐播放的五个按钮,首先来制作最左边的前一首歌曲按钮。新建立一个按钮元件,并命名为back,进入按钮元件的编辑区后,先使用矩形工具绘制一个无填充色的正方形,然后使用直线工具绘制一条细的竖线,并在旁边绘制一个小的三角形,最后给三角形和轮廓线上色,颜色代码为#CCCCFF,最后做好的按钮如图2所示:

图2

  按照相似的方法,分别制作其它4个按钮,并命名为forward,play,stop和pause,制作完成后的按钮如图3中从左到右所示:

图3

  最后还需要绘制一个最小化按钮,同样新建一个按钮元件,命名为minimize,进入元件的编辑区后,使用绘图工具绘制如图4所示的按钮:

图4

下一页