首页 理论教育现代教育技术:快速创建和应用按钮元件

现代教育技术:快速创建和应用按钮元件

【摘要】:图5.34按钮元件的时间轴面板弹起:指按钮的常态,即鼠标指针未进入按钮响应区时按钮的状态。图5.36创建青海地图隐藏按钮元件对话框单击“确定”按钮后,进入隐藏按钮编辑区,在“点击”帧处按“F6”键插入关键帧,在该帧上使用“椭圆工具”绘制一个椭圆,如图5.37所示。

在具有交互功能的课件中,一定需要按钮,同时它也是元件中的一种重要类型。用户还可根据需求自己创建按钮元件,执行“插入”→“新建元件”命令,在打开的对话框中选择“类型”为“按钮”,单击“确定”按钮,进入按钮的编辑区,一个按钮元件有四个帧,如图5.34所示。

图5.34 按钮元件的时间轴面板

弹起:指按钮的常态,即鼠标指针未进入按钮响应区时按钮的状态。

指针:指鼠标移动到按钮的响应区上,但未按下鼠标时,按钮的状态。

按下:指鼠标按下时按钮的状态。

点击:设置按钮的响应区域,该帧上图形的大小决定了按钮响应区的范围大小。

在Flash中,除了可以自己创建按钮,也可以在公用库中使用系统自带的按钮元件,如图5.35所示。

图5.35 公共库

下面,以一个实例来说明按钮的制作以及交互动画的设计。

[例]地图中的按钮。

(1)新建一个ActionScript 2.0的Flash文档,保存。

(2)执行“插入”菜单→“新建元件”命令,打开“创建新元件”对话框,输入名称“青海地图隐藏按钮”,“类型”选择“按钮”,如图5.36所示。

图5.36 创建青海地图隐藏按钮元件对话框

(3)单击“确定”按钮后,进入隐藏按钮编辑区,在“点击”帧处按“F6”键插入关键帧,在该帧上使用“椭圆工具”绘制一个椭圆,如图5.37所示。

图5.37 “点击”帧上绘制椭圆

(4)执行“插入”菜单→“新建元件”命令,建立第一个按钮元件,如图5.38所示。

图5.38 创建返回按钮元件

(5)进入按钮编辑区,制作一个返回按钮,如图5.39所示分别是弹起、指针、按下的效果。

图5.39 弹起、指针、按下三个关键帧上的效果(www.chuimin.cn)

图5.40 库面板

(6)单击场景1,回到舞台,执行“文件”→“导入”→“导入到库”命令,将素材图片map.gif和qinghai.jpg导入库面板,如图5.40所示。

(7)单击“图层1”第一帧,将库面板中的map.gif图片拖到舞台中,在第二帧插入空白关键帧,选中后将qinghai.jpg图片拖到舞台中。

(8)新建“图层2”,选中“图层2”第一帧,将“青海地图隐藏按钮”元件从库面板中拖到舞台中,并放置到青海省区域,如图5.41所示。

(9)双击舞台上的青海地图隐藏按钮,进入编辑区,修改“点击帧”上的图形,如图5.42所示。

(10)返回场景1,在“图层2”的第二帧插入空白关键帧,将返回按钮拖到舞台中,如图5.43所示。

图5.41 将青海地图隐藏按钮元件放置到舞台对应区域

图5.42 进入元件编辑按钮内部图形

图5.43 将返回按钮放到舞台区域

(11)新建“图层3”,右击“图层3”第一个关键帧,在弹出的快捷菜单中选择“动作”,打开“动作-帧”面板,在面板编辑区添加函数stop(),如图5.44所示。

图5.44 为第一个关键帧添加代码

(12)选中舞台上的青海地图隐藏按钮,单击鼠标右键,在弹出的快捷菜单中选择“动作”,打开“动作-帧”面板,在面板编辑区添加代码,如图5.45所示。

图5.45 为青海地图隐藏按钮添加代码

(13)选中舞台上的“返回”按钮,单击鼠标右键,在弹出的快捷菜单中选择“动作”,打开“动作-帧”面板,在面板编辑区添加代码,如图5.46所示。

图5.46 为返回按钮添加代码

(14)按快捷键“Ctrl+Enter”快速发布并预览。