交互应用2.doc

交互应用知识要点:按钮元件的制作通过按钮动作和帧动作制作简单交互课件的方法一、实例1:认识图形(一)导入素材和创建课件界面1、、背景图层:导入——背景元件3、标题图层:创建“认识几何图形”标题(二)创建影片剪辑元件1、创建长方形(由小变大)影片剪辑元件2、创建三角形(由小变大)影片剪辑元件3、创建圆形(由小变大)影片剪辑元件(三)创建按钮元件1、新建“长方形”按钮元件2、绘制按钮元件各帧图形(1)按钮图形图层:“弹起”帧,用基本矩形工具绘制一个按钮图形(2)“按下”帧,F6插入关键帧,按钮图形更改填充颜色(3)“点击”帧,F6插入关键帧,定义鼠标的响应区域。用填充工具绘制一个矩形(三)布局图形和按钮元件1、布局图形元件(1)标题上新建一图层“认识图形”(2)第2-4帧插入空白关键帧,从库中拖放三个影片剪辑到图层第2、3、4帧,调整位置和大小(3)在背景图层和标题图层的第4帧按F5插入帧2、布局按钮元件(1)在认识图片图层上新建图层“按钮”(2)选择按钮图层的第1帧,将库面板中的“长方形”、“三角形”、“圆形”按钮拖放到舞台中,延长到第4帧(四)定义帧动作和按钮动作实现交互1、定义帧动作(1)在按钮图层上新建一个action图层,第1帧动作脚本:stop();(2)保持选中第1帧,选择编辑——时间轴——复制帧,在2-4帧分别选择粘贴帧,每一帧上都有一个stop();2、定义按钮动作(1)单击并释放按钮图层上“长方形”按钮,在“动作”面板中定义整个按钮的动作脚本:on(release){gotoAndPlay(2);}(含义:当单击这个按钮时,影片将跳转到第2帧开始播放)(2)单击并释放按钮图层上“三角形”按钮,在“动作”面板中定义整个按钮的动作脚本:on(release){gotoAndPlay(3);}(含义:当单击这个按钮时,影片将跳转到第3帧开始播放)(3)单击并释放按钮图层上“圆形”按钮,在“动作”面板中定义整个按钮的动作脚本:on(release){gotoAndPlay(4);}(含义:当单击这个按钮时,影片将跳转到第4帧开始播放)(五)测试动画(六)为三个影片剪辑元件最后1帧添加动作脚本:stop();(七)再次测试动画二、实例2:加载影片loadMovie("url",target[,method])"url":要加载的SWF文件或JPEG文件的绝对路径或相对路径。。绝对路径必须有详细的路径地址。target:目标影片剪辑(mc元件)的名称和路径。目标影片剪辑将替换为加载的SWF文件或图像。method可选参数,一般可以不选。如果SWF文件加载到目标影片剪辑,则可使用该影片剪辑的目标路径来定位加载的SWF文件。加载到目标的SWF文件或图像会继承目标影片剪辑的位置、旋转和缩放属性。加载的图像或SWF文件的左上角与目标影片剪辑的注册点对齐(一)新建按钮元件1、新建按钮元件12、绘制按钮元件各帧图形(1)按钮图形图层:“弹起”帧,用基本矩形工具绘制一个按钮图形(2)“按下”帧,F6插入关键帧,按钮图形更改填充颜色(3)“点击”帧,F6