《运用代码轻松实现图片的多种切换效果.docVIP

运用代码，轻松实现图片的多种切换效果 俗话说：“百闻不如一见”，图片在教学中的作用是不言而喻的，特别是在历史教学中，我们常常用相关图片导入新课、点明主题、说明道理。图片突兀地切换，会使课件显得没有生机，特别是作为课件封面并负有引入新课重任的图片，更要有较“眩”的切换效果。如何运用代码，在Flash中轻松实现图片的多种切换效果（切换效果可以扩展，通用性强！）。本文举例说明如下： 新建Flash文件。启动Flash8.0，点选修改菜单，选中文档…选项（或按Ctrl+J），弹出文档属性对话框；将影片大小设置为宽为1024px(像素),高为768 px。背景色为白色；其它参数尊重Flash的默认设置，不用改变。 1 制作元件 1.1 制作一个空的影片剪辑，用于载入图片 按Ctrl+F8，新建一个影片剪辑元件，命名为“载入”，单击确定，不做任何操作，返回主场景。 1.2 制作一个空的影片剪辑，用于放置代码 按Ctrl+F8，新建一个影片剪辑，命名为“自动播放”，单击确定，不做任何操作，返回主场景。 1.3 各种切换效果影片剪辑的制作 1.3.1 圆形扩展 ① 在场景中，按Ctrl+F8，新建一个影片剪辑元件，命名为“圆形”，单击确定，进入元件编辑窗口;选中圆形绘图工具，按下Shift键的同时，在舞台上绘制一任意大小的没有边框的正圆，在属性面板中将其宽高均设为5px(像素)；单击工具箱中的选择工具，在舞台中的圆上单击，使其处于选中状态，按Ctrl+K打开对齐面板，点选“水平中齐”和“垂直中齐”标签，使该圆位于舞台的中心。 ② 选中时间轴上的第12帧，按F6插入关键帧；然后单击舞台中的圆，使其处于选中状态；在属性面板中将其宽高均设为1500px(像素)。 ③ 在时间轴第1帧和第12帧之间的任意一帧单击,然后在帧属性面板补间选项区，选择“形状”选项，创建形状动画。 1.3.2 矩形扩展 ①在场景中，按Ctrl+F8，新建一个影片剪辑元件，命名为“矩形”，单击确定，进入元件编辑窗口;选中矩形绘图工具，在舞台上绘制一任意大小的没有边框的矩形，单击工具箱中的选择工具，在矩形上单击选中该矩形，然后在属性面板中将其宽设为640 px(像素)，高设为480px(像素)，然后按F8，将其转换为图形元件，命名为“遮片”;按Ctrl+K打开对齐面板，点选“水平中齐”和“垂直中齐”标签，使该矩形位于舞台的中心。 ② 选中时间轴上的第12帧，按F6插入关键帧，然后右键单击，在弹出的快捷菜单中选择“动作”，打开帧动作面板，在代码窗口输入：“stop();”；选中时间轴上的第1帧，单击舞台中的矩形，使其处于选中状态；按Ctrl+T打开变形面板，将该矩形大小设为原大小的10%。 ③在时间轴第1帧和第12帧之间的任意一帧右键单击,然后在弹出的快捷菜单中选择“创建补间动画”，创建运动动画。 1.3.3 左入 ①在场景中，按Ctrl+F8，新建一个影片剪辑元件，命名为“左入”，单击确定，进入元件编辑窗口;按Ctrl+L打开元件库面板，将“遮片”元件拖入舞台，然后按Ctrl+K打开对齐面板，点选“水平中齐”和“垂直中齐”标签，使该元件位于舞台的中心。 ②选中时间轴上的第12帧，按F6插入关键帧，然后右键单击，在弹出的快捷菜单中选择“动作”，打开帧动作面板，在代码窗口输入：“stop();”；然后选中时间轴上的第1帧，单击舞台中的矩形，使其处于选中状态，在属性面板中将该矩形的X轴坐标设为：-960 px(像素)。 ③在时间轴第1帧和第12帧之间的任意一帧右键单击,然后在弹出的快捷菜单中选择“创建补间动画”，选择“动画”选项，创建运动动画。 1.3.4 右入 ① 按Ctrl+L打开元件库面板，选中“左入”元件，右键单击在弹出的快捷菜单中选择“直接复制”，名称为“右入”，然后双击该元件图标，进入元件编辑窗口； ②选中时间轴上的第1帧，单击舞台中的矩形，使其处于选中状态，将该矩形的X轴坐标设为：320 px(像素)。这样一个从右边逐渐展示图片的切换效果就做成了。 采用类似“右入”元件的制作方法，制作其他切换效果，依次命名为：上入、下入、左下、左上、右上、右下。 读者可以发挥自己的创意，制作各种“酷炫”的切换效果，本文重点讲述，如何运用代码实现对各种切换效果的调用。 1.4 制作影片剪辑，放置各种切换效果 ① 在场景中，按Ctrl+F8，新建一个影片剪辑元件，命名为“遮罩”，单击确定，进入元件编辑窗口;在时间轴上第１帧连续按下F7，在第１帧至第10帧插入空白关键帧（本例中制作了10个效果，读者自行可以增加）。 ② 按Ctrl+L打开元件库面板，将上述各种切换效果拖入每个空白关键帧下的舞台中，每一帧放置一种切换效果；使各影片剪辑在舞台中的坐标与该影片剪辑中第１帧中的“遮片”元件的坐标相同。