13996527831
网站建设知识详细

按钮元件实现超链、鼠标事件的方法

发表日期:2021-02-17 14:56:28   作者来源:米卓网络   浏览:    

  按钮是Flash中的一种常用元件,可以用来实现超级链接、鼠标事件、程序交互等内容。一个按钮元件通常有4帧,对应着鼠标事件中的正常、鼠标经过、鼠标按下、鼠标单击4个状态。在一个图层中,并不一定需要所有的4个状态,而且某个状态的帧也可以用图形或影片剪辑来实现。按钮中通常用很多图层来实现复杂的视觉效果。

按钮元件实现超链、鼠标事件的方法

  (1)打开Flash CS6,选择“文件”│“新建”命令,新建一个Flash影片。

  (2)选择“插入”│“新建元件”命令,新建一个按钮元件。“创建新元件”对话框,在“名称”文本框中输入元件名称“按钮”,在“类型”下拉列表框中选择“按钮”选项,然后单击“确定”按钮,完成元件的新建。

  (3)新建图层。选择“插入”│“时间轴”│“图层”命令,在按钮元件中插入一个图层。这个按钮元件有两个图层,一个图层是按钮的形状,另一个图层是按钮的文本。对两个图层进行重命名,时间轴和图层。

  (4)在时间轴上选择“图形”图层的第1帧,然后单击工具栏上的“基本矩形工具”已,在“属性”面板上设置基本矩形工具。笔触颜色选择“黑色”﹔再单击“填充颜色”,选择“灰色”。在圆角设置中拖动滑块,设置圆角值为5。

  (5)在工作区中单击绘制出一个圆角矩形,作为按钮的图形。注意,矩形的大小要适中。

  (6)在“图形”图层的第2帧上右击,在弹出的快捷菜单中选择“插入关键帧”命令,插入一个关键帧,然后选择工作区上的圆角矩形,设置圆角矩形的颜色。用相同的方法,设置图形的另外两个帧的状态。时间轴上的“图形”图层如图15-48所示。

  (7)选择“文本”图层的第1帧。

  (8)在工具栏上单击“文本工具”TJ,在所绘制出的圆角矩形的区域单击添加文本“确定”,设置文本的字体和大小。

  (9)在“文本”图层的第2帧上右击,在弹出的快捷菜单中选择“插入关键帧”命令,插入一个关键帧。用同样的方法,在第3帧、第4帧上面插入关键帧。

  (10)单击时间轴下方工作区中的“场景1”,回到场景视图。

  (11)选择“窗口”I“库”命令,找到已经建立的按钮元件。

  (12)在库中选择按钮元件,按住按钮元件不放拖动到工作区中,这样就将一个按钮元件插入到影片的图层中。

  (13)按Ctrl+Enter快捷键播放动画,选择“文件”I“保存”命令,保存Flash动画。