按钮(Button)的加入
来源:岁月联盟
时间:2006-11-09


上完这课,你也可以在短短的几分钟内搞定这个按钮。首先,还是老把戏,按Ctrl+M把工作区定成300*100,按Ctrl+Shift+Alt+G显示格子,按Ctrl+Alt+G定位鼠标。在工作区里画上一个带圆角的矩形。矩形的圆角是把工具栏下方的圆角按钮按下,在对话框里输入圆角的象素点数(本例为5)后,画出矩形即可。详细操作见上图。现在,工作区应如下图所示。

现在,用箭头工具(Arrow)把这个矩形选中,在菜单中选择Insert -> Convert to Symbol或按F8键出现生成符号(Symbol)的界面(一个对话框)。这时注意了,不能象前面几课那样直接点OK钮把这个矩形转换成图像符号(Graphics Symbol)了。因为我们要把这个矩形做成按钮,所以这里,我们要象右图那样,选中Button,把它定义成按钮符号,然后在点OK钮。见右面的界面。

选中Button


接着,我们还要对这个按钮符号进行编辑,点击书签区里的编辑符号标签,选择刚才定义的那个按钮符号,进入编辑符号状态(如左)。这时我们发现,按钮符号的Timeline区只有四格,分别是Up、Over、Down、Hit,如左图。它们的意思分别是:
Up :鼠标不在按钮上的状态;
Over :鼠标在按钮上但没有按下的状态;
Down :鼠标在按钮上按下时的状态;
Hit :鼠标按下后的状态。
现在我们看见Up下有一个小圆点,这表示在鼠标不在按钮上时。按钮的状态就按在Up那一帧里定义的一样。而Over、Down、Hit下没有圆点表示这些状态下按钮图样没有定义,在这些状态下,就默认为与Up帧一样。现在,你应该明白下面该怎么做了吧。对了,定义这些帧。
为了使每个状态下的按钮位置一致,我们可以复制Up帧到其他的帧,然后在修改那些帧。
先在Up帧下方格内按右键,弹出菜单后选Copy Frame复制帧。然后在其他几帧的方格内单击右键,弹出菜单后选Paste Frame粘贴帧。(如右图)


弹出菜单后选Copy Frame在其他几帧的方格内单击右键
弹出菜单后选Paste Frame 看,现在那些小方格里都有圆点了吧(见右图)!不过,工作还未做完,网虫还需努力!我们接下来还要继续修改这几个不同状态下的按钮图案。

在Up帧的按钮上用文字工具写上一行字“Move on me”,提醒你把鼠标移到按钮上。



好了,到这里就基本OVER了。哦,还有一点,你可以在菜单栏里选Control -> Enable Buttons,这样,你就能在工作区里直接看到效果了。好了,按下Ctrl+Enter看一下,是不是比JavaScript简单,比Gif小巧,比HTML漂亮?
上一篇:符号(Symbol)的变形
下一篇:用Flash给课件穿上外套