FLASH实例：制作滚动的公告栏
作者：宇风多媒体 来源：网易 添加时间：2006-5-21 11:54:44实例预览：左图是用FLASH制作的可滚动文字公告栏，当用鼠标点右侧两角的上下键头或拖动滑块时，文字可随之上下移动。这样我们在较小的画面就可放较多的内容。
知识提示：学习使用Actions 中的On MouseEvent,Tell Target，Go to Previous Frame，Go to Next Frame等命令
制作过程
步骤一、制作滚动的文字。
1.点选菜单栏中选择插入>添加组件（Insert>New Symbol..），在出现的对话框中选电影片段（Movie Clip)，命名为“运动的字”，点工具栏上的文字工具（Text Tool[T]），设置好字体、文字大小及颜色，在工作区域输入多行文字，调整好它的位置，如图1所示。
图1 输入文字
2.在第10帧点右键，从弹出的菜单中选插入关键帧（Insert Keyframe)，在工作区域将文字向上垂直拖动，距离大约为自身高度的一半，用鼠标单击第1到10帧之间的任意位置，按Ctrl+F打开Frame面板，在渐变项（Tweening）中选移动(Motion)，如图2所示。
图2 生成移动的文字
3.双击第1帧，在弹出的Frame Action对话框中双击停止（Stop)，如图3所示。
图3 Frame Action对话框
4.给第10帧增加同样的动作，这时可以看到在时间轴第1和第10帧上分别出现了同一符号，象手写体的“a"，这表明当不给此电影片段发指令时，画面会停在这帧上，如图4所示。
图4 加上动作之后的关键帧
步骤二、制作滑块
1.点选菜单栏中选择插入>添加组件（Insert>New Symbol..），在出现的对话框中选电影片段（Movie Clip)，命名为“滑块”,用绘图工具在工作区域画一灰色的方块，并将右边缘和底边缘加暗，如图5所示。
2.在第10帧插入关键帧（Insert Keyframe)，将工作区域的方块向下移动约为四个方块的距离，用鼠标点第1到10帧之间的任意位置，按右键，在弹出的菜单中选建立移动渐变（Create Motion Tween）。分别选取第1帧和第10帧，并分别在Frame Action对话框上选停止（Stop)，如图6所示。
图6 滑块动画
步骤三、制作按钮
1.点选菜单栏中选择插入>添加组件（Insert>New Symbol..），在出现的对话框中选按钮（Button)命名为“向上”，在工作区域用绘图工具分别绘制三种状态下的按钮图形，如图7所示。
图7 向上按钮
2.点选菜单栏中选择插入>添加组件（Insert>New Symbol..），在出现的对话框中选按钮（Button)，命名为“向下”，在工作区域用绘图工具分别绘制四种状态下的按钮图形，如图8所示。
图8 向下按钮
3.点选菜单栏中的插入>添加组件（Insert>New Symbol..），在出现的对话框中选按钮（Button)命名为controt,因为此按钮在合成的电影中不显示出来，所以前三帧为空，如图9所示。
图9 特殊的控制按钮
步骤四、给按钮注入动作
1.点选菜单栏中的插入>添加组件（Insert>New Symbol..），在出现的对话框中选电影片段（Movie Clip)，命名为“向上滚动”，从图标库（Library）中把按钮“向上”拖至工作区域，在工作区域选中按钮，打开Instance面板，在选项(Options)下拉框中点选菜单项目形式(Track as Menu Item)，这样做的目的是当鼠标按下能不断发出动作信号，如果选按钮形式（Track as Button)，则鼠标按一下就只能做出一次反应，如图10所示。
图10 选择按钮形式
在按钮上点右键，从弹出的菜单中选动作（Action),在出现的Object Action面板上双击鼠标事件（On MouseEvent），然后在对话框下方分别勾选按下（Press）拖过 （Drag Over）拖出（ Drag Out）选项，如图11所示。
图11 鼠标事件复选框
双击告诉目标（Tell Target),在对话框下方的告知目标（Target）栏输入/文字,如图12所示。
图12 告诉目标
继续在菜单上双击跳至(Go To)，在对话框下方的类型(Type)选项中点选上一个影格（Previous Frame),如图13所示。
图13 文字跳至上一个影格
在菜单上双击告诉目标（Tell Target),在对话框下方的告知目标（Target）栏输入/滑块,同样在菜单上双击跳至(Go To)，在对话框下方的类型(Type)选项中点选上一个影格（Previous Frame),如图14所示。
图14滑块跳至上一个影格
2.在时间轴第1帧上点右键，在弹出的菜单中选拷贝影格(Copy Frames)，新增一层，在第2帧上点右键，在弹出的菜单中选粘贴影格(Paste Frames)，即将第1帧的按钮和上面设制的动作全部复制到另一层的第2帧上，如图15所示。
图15 向上滚动电影片段的关键帧
此步骤的主要目的是为了在最后合成的电影中，当鼠标一直按下时文字能持续滚动。
3.点选菜单栏中选择插入>添加组件（Insert>New Symbol..），在出现的对话框中选电影片段（Movie Clip)，命名为“向下滚动”，从图标库（Library）中把按钮"向下"拖至工作区域，在实例（Instance )面板的选项(Options)下拉框中点选菜单项目形式(Track as Menu Item)，参见图10，然后给按钮增加动作，方法可参照上步骤4（1），结果如图16所示。
图16向下滚动的动作设置
4.将第1帧复制到新增层的第2帧，方法与步骤4（2）相同，如图17所示。
图17向下滚动电影片段的关键帧
步骤五、部件组合
1.点时间轴右上的Scene1切换场景，将当前层命名为“界面”，在工作区域绘制滚动界面，这里我们用导入的一张图片如图18所示。
图18滚动界面
2.按Ctrl+B打散位图，选工具
，再选
，然后点图的蓝色区域，选中后，按Delete键，删除，这样挖空了中间部分，就能使之能显示需滚动的内容，如图19所示。
图19 清空所选区域
3.新增一层取名为“控制”，从图标库（Library）中把电影片段“向上滚动”、“滑块”、“向下滚动”拖到工作区域中，调整好大小及位置，如图20所示。
图20 增加部件
4.从图标库中拖4个名为controt的按钮，将其在“向上滚动”与“向下滚动”之间整齐排列，如图21所示。
图21 “滑块”触发区
5.点击选中紧靠着“向上滚动”的controt，在实例（Instance )面板，在选项(Options)中点选菜单项目形式(Track as Menu Item)，参见图10，然后在Object Actions对话框将动作按如图22设置。
图22 给控制设制动作
这里我们将其语句作些对照解释：
| On (Press, dragOver) | 在鼠标(按下,拖过)时 |
| tellTarget ("/滑块") | 告知目标 ("/滑块") |
| gotoAndStop (1) | 跳至并停止 在第1帧 |
| tellTarget ("/文字") | 开始告知 目标 ("/文字") |
| gotoAndStop (1) | 跳至并停止 在第1帧 |
剩余的三个设置方法都一样，下面是动作对话框中最后的设置。
第2个controt动作为：
on (press, dragOver) {
tellTarget ("/滑块") {
gotoAndStop (3);
}
tellTarget ("/文字") {
gotoAndStop (3);
}
}
第3个controt动作为：
on (press, dragOver) {
tellTarget ("/滑块") {
gotoAndStop (6);
}
tellTarget ("/文字") {
gotoAndStop (6);
}
}
第4个controt动作为：
actions for controt
on (press, dragOver) {
tellTarget ("/滑块") {
gotoAndStop (10);
}
tellTarget ("/文字") {
gotoAndStop (10);
}
}
这样在滚动控制区域的任何位置都能拖动“滑块”并带动文字做相应的滚动。
6.在“控制”层下增加“文字”层，从图标库（Library）中把电影片段“运动的字”拖到工作区域，调整好大小及位置，如图23所示。
图23 加入需滚动的文字电影片断
7.如果现在测试电影，将发现按键没反应，我们还需给实例在场景中命名，按Ctrl+I调出Instance面板，在工作点选“运动的字”，在Instance面板的 Name栏中输入“文字”，如图24所示。
图24 给实体命名
同样在工作区域选中“滑块”，在Instance面板Name栏中输入“滑块”；选中“向上滚动”，在Name栏中输入“向上滚动”；选中“向下滚动”，在Name栏中输入“向下滚动”。好了，现在可以按Ctrl+Enter测试电影,看看是否一切正常。
欢迎到宇风多媒体交流