Flash制作实例——动态按钮

Author: 歌手 Date: 1999年 第36期 27版

    平时在网上冲浪时,你是否发现当鼠标移过或是按下一些主页上的按钮时,按钮会发生外形的变化。是不是很羡慕呢?以前,制作这样的按钮很复杂,现在,有了Flash,OK,一切都是如此地容易。
    这次我们要制作的按扭是这样的:在正常状态下,显示“请进”,当鼠标移上去时,会在按钮旁边跳出“欢迎光临”四个字,当你按下按钮后,会在按钮旁边跳出“哈哈,你来了!”字样,松开鼠标按钮,就会进入链结的页面。下面,我们就一步一步来制作这个按钮。
    一、运行Flash,打开一个新页面,设置页面大小为300×80像素,背景为黑色。
    二、选择工具栏中的画椭圆工具(Oval,快捷键“O”),设置好喜欢的颜色,然后在工作页面中画一个椭圆。画好后,选择箭头工具(Arrow,快捷键“A”)单击椭圆的外框,会看到外框被选中,然后按DEL键将外框删除,这样可以使按钮较好地融入背景,而不会出现一圈线条。
    三、选择文字工具(Text tool,快捷键“T”),在椭圆中输入“请进”两个字。然后选择箭头工具,选取文字,并用Ctrl+B将文字打散,再用油漆桶工具(Paint Bucket,快捷键“U”)将文字涂上你喜欢的渐变色。
    四、完成后,选中整个椭圆,选择菜单中“Insert”→“Convert to Symbol”,(可用快捷键F8),然后将其定义为一个“Button”,如^362701a^1。
    五、单击鼠标右键,选择Edit,对按钮的各种状态进行编辑与设置。此时,会出现一个新的工作页面,在上面有4个影格:“Up”、“Over”、“Down”、“Hit”,代表了对按钮的各种操作,我们一一对其进行设置。如^362701b^2
    六、“Up”是指未对按钮作任何操作时的正常状态,我们就使用刚才做好的效果。然后选中按钮,单击鼠标右键选择“Copy”,将其复制。
    七、选中“Over”影格,这是指鼠标移过按钮时按钮的形状。按F7插入“空白关键帧”,然后单击鼠标右键,选择“Paste”,将刚才的按钮复制过来。然后选择文字工具,在按钮旁边输入“欢迎光临”四个文字。如^362701c^3。
    八、同样,选中“Down”影格,这是指鼠标按下按钮时按钮的形状。按上述步骤输入“哈哈,你来了!”字样。
    九、“Hit”影格是设置按钮的哪些区域为可点击区,在这个制作中,默认全部区域,所以对其可不加编辑。
    十、设置完成后,点击工作区右上角的“Edit Scene”图标,返回主编辑区。如^362701d^4。然后我们要为按钮加上控制事件。
    十一、单击右键,选择“Properties”,再选择“Actions”窗口。然后单击“+”符号,在弹出的菜单中选择“On MouseEvent”,此时,在“+”下面的窗口中,会出现“On()”和“End On”两行字样。同时,在右面出现一系列选项来设定鼠标在何种状态时事件发生。从上到下依次为:按下(Press)、放开(Release)、在外面外开(Release Outside)、移过(Roll Over)、移出(Roll Out)、拖过(Drag Over)、拖出(Drag Out)及按键(Key Press)。在此,我们选中Release,意思是当按钮按下时,不执行动作,直到按钮被放开后才执行设定的动作,如^362701e^5。然后再单击“+”符号,在弹出的菜单中选择“Get URL”来为按钮添加“转到链结网址”的事件。此时,在右面出现一个新的窗口,URL一项中填入你要链结的网址,Windows一项是指开启窗口的模式,我们如要在原有窗口中进入下一个页面,就选择“_top”,如要新开一个页面,就选择“_blank”。如^362701f^6,选择完成后,按“确定”。
    十二、至此,我们的按钮就完成了。选择菜单中的“Control” →“Enable Buttons”(快捷键Ctrl+Alt+B),就可以启动按钮功能,在工作页面进行测试。当然,链结功能需要将完成的按钮嵌入页面后才能测试。
    当然,这个按钮很简单,我们还可以对每种状态下按钮显示的形状及中间字的颜色等进行随心所欲的变化,创造出更加炫目的按钮来。