Flash按钮组件在医学课件中的应用-按钮动画在医学教育.doc

Flash按钮组件在医学课件中的应用黄粤锋1 章战士2 余喜3南方医科大学教育技术与新闻信息中心The application of Flash button symbol in medicinal multimedia Courseware Huang Yue-Feng,Zhang Zhan-Shi,Yu Xi (Center of Educational Technology and News Information; South Medical University; Guangzhou 510515; China)Abstract:As a major feature of Flash software，Button Symbol not only have functional hyperlinks ,but also easy to Create “Mouse Events”, provide users with a powerful interactive function , So Flash software displayed an great advantage in design and Practice of Courseware.Keywords:coursewarestructure；medical courseware； Flash ；button symbol。摘要：按钮(Button)组件作为FLASH软件的一大特色,既为FLASH动画提供超链接的功能,也能方便地定义“鼠标事件”,为使用者提供了强大的交互功能。由于按钮组件在互动性上表现的强大功能，使FLASH软件在教学课件的制作上表现出了优势。关键词：课件制作； 医学课件； FLASH； 按钮组件引言：随着网络教学的快速普及，教学课件与网络的兼容性已经成为课件制作中不可忽视的问题。由于FLASH软件制作的课件是基于矢量的图形系统，容量比位图文件制作的课件小很多，而且FLASH课件是可以边下载边播放的“准”流（Stream）形式文件，也可以直接在浏览器播放。这些优点，使其在课件制作领域逐渐取代Authorware，成为时下最流行的软件之一。而按钮(Button)组件作为FLASH软件的一大特色,既为FLASH动画提供超链接的功能,也能方便地定义“鼠标事件”,为使用者提供了强大的交互功能。由于按钮组件在互动性上表现的强大功能，使FLASH软件在教学课件的制作上表现出了优势。下面我们就医学课件中运用的几类按扭组件的形式及制作方法做简单的介绍。一、 按钮组件在解剖学上的运用。11制作思路：在人体模型的各器官部位制作鼠标事件，当鼠标移到该器官上并按下左键时，进入到另一场景对器官进行讲解。这里以心脏为例。12制作方法：1打开FLASH MX软件， 导入人体及心脏图片素材各一张。点下拉菜单选插入“场景”,在时间轴右上方的场景选择栏就出现了“场景1”和“场景2”两个场景。如图1所示：2.将人体图片拉进“场景1”，心脏图片拉进“场景2”。如图2所示：图2 场景1的人体图片图3 场景2的心脏图片3.进入“场景2”编辑心脏场景，添加文字注释。如图3。接下来制作按扭，并在人体上添加鼠标事件。4.点下拉菜单“插入”-新建组件弹出浮动面版，如图4所示：5.点选“按扭”，将名称改为“heart”，进入按扭编辑工作区。看到“弹起”、“指针经过”、“按下”、“点击”四个帧。如图5所示：其中：“弹起”是指在没有鼠标经过时的状态；“指针经过”是指鼠标经过按扭反映的形态；“按下”是按下鼠标后的形态；“点击”主要表示鼠标的感应区域。6、进入到按钮编辑区，选中“弹起”帧，使用椭圆工具做一个小圆点。我们希望鼠标移动到某身体部位时，课件能引导用户点击该部位。于是选中“指针经过”帧按“F6”插入关键帧，在圆点旁边输入“点击了解：心脏”二字。如图6所示：同样的方法在“按下”帧插入关键帧，对按扭或文字的颜色，大小等稍做修改。那么当用户点击该按扭时就会发生相应的变化。在“点击”帧，我们只需要用形状工具将圆点和文字所在的区域覆盖掉，当鼠标移向该区域，即触发鼠标事件，产生动作。7、回到“场景1”，将“heart”按扭组件从库中拉到人体的心脏部位，选中时间轴里的“人体”层，在动作面板里选择全局函数中的时间轴控制，双击“STOP”函数，为动画定义了一个停止的动作。（如不添加，动画会直接从场景1跳转到场景2）8、回到场景点选按扭组件，并在动作面板选中“go to And Play”函数到场景2的第一帧，也可以直接在代码框输入以下Action script 代码：on (release) gotoAndPlay (2, 1);/当松开鼠标时，进入到场景2第一帧。如图7所示：图7、将按扭组件拖入场景，并添加Actionscript函数8、动作设置完成后，按“ctrl+enter”测试课件。这时当用户进入课件界面时首先停在场景1人体画面，当光标移动到心脏部位时，课件提示“点击了解：心脏”，按下左键便可以进入到场景2查看对心脏的说明了。二、 按钮组件在病理学上的应用。21制作思路：利用按钮组件制作“虚拟显微镜”，当镜头移动到特定部位时放大其结构或者显示其微观组织。这里以心脏动脉粥样硬化为例。22制作方法：1.新建一场景，将预先准备好的一幅心脏图片导入到库中。2.新建一影片剪辑“heart”，在第1帧中插入一关键帧，打开库面板，将导入的心脏图片拖放到工作区中，使用任意形变工具，调整图片到适当大小。3.新建一影片剪辑“meng”，选中默认图层的第1帧插入一关键帧，将影片剪辑“heart”拖放到场景工作区中，创建一实例，插入遮罩层，选中第1帧，在工作区中绘制一填充色为0066CC，轮廓颜色为黑色的正圆。如图8所示：图8 影片剪辑“meng”的设计4.新建一图形元件“ball”,打开混色器面板，进行如图9所示的设置：图9 设置填充颜色选取“椭圆工具”应用上面设置的填充颜色，按住Shift键在工作区中绘制一正圆，即完成图形元件的设计，如图10所示：图10 绘制元件“ball”的图案5.新建一按钮元件“button”，在默认图层的弹起帧，插入一关键帧，选中该帧在工作区中绘制一放大镜的轮廓，如图11所示：图11 绘制放大镜的轮廓新建一图层，在“弹起”帧处插入一关键帧，选中该帧将制作好的图形元件“ball”拖放到工作区中，这就是放大镜的镜片，调整其位置效果如图12所示：图12 为放大镜添加镜片6.新建一影片剪辑“fangda”，在第1帧处插入一关键帧，将制作的按钮元件“button”拖放到工作区中创建一实例，选中所创建的实例，为其添加如下脚本：on (press) startDrag(_root.jing);/当鼠标按下时可对主场景中的实例“jing”进行拖曳。on (release) stopDrag();/当松开鼠标时，停止对实例“jing”进行拖曳。7.返回主场景，为了便于理解将默认图层更名为“pic”,在第1帧处插入一关键帧，将影片剪辑“heart”拖放到工作区中创建一实例，调整其位置，设置实例的大小为638pX478px，第2帧处插入帧即可。新建一图层“mengban”，在第1帧处插入一关键帧，选中该帧，将影片剪辑“meng”拖放到工作区，创建一实例“meng”，新建一图层“fangdajing”，在第1帧处插入一关键帧，选中该帧，将影片剪辑“fangda”拖放到工作区中创建一实例“jing”，如图13所示：图13 为影片添加放大镜新建一图层“action”，在第1帧处插入一关键帧，选中该帧添加如下脚本：sx = _root.jing._x;sy = _root.jing._y;/获取实例“jing”的位置setProperty(_root.meng, _x, _root.jing._x);setProperty(_root.meng, _y, _root.jing._y);/将实例“jing”的横纵坐值赋给实例“meng”的相应坐标setProperty(_root.meng.ditu, _x, _root.meng.ditu._x-5/4*(_root.jing._x-sx);setProperty(_root.meng.ditu, _y, _root.meng.ditu._y-5/4*(_root.jing._y-sy);gotoAndPlay(1);8.整个“虚拟显微镜”制作完成，就可以保存并测试作品了，同样的道理，我们把底图换成组织或细胞的微观结构，当放大镜移动到相关的部位时，则能显示出组织的微观结构了。这样就使用户对该组织器官的宏观和微观结构以及相对位置关系都能有一个比较直观的了解。三、按钮组件在医学诊断学上的运用；在鼠标事件中加入音效是提高动画课件互动性常见的形式。通过它我们可以进行虚拟听诊，可以与动画进行语音“交流”。我们将录制的心音或呼吸音导入动画库中，并将之插入到制作好的按扭“指针经过”或“指针按下”帧里，然后将该按扭放置在相关的听诊区域内，那么当光标移动到该部位时，课件就可以发出声音了。你也可以将光标外形设置为听诊器模样，那么一个虚拟心音听诊器就制作出来了。由于制作方法较为简单，在此就不赘述。需要注意的是，FLASH只支持Mp3和Wav音频格式加载。四、结束语FLASH 动画流