第十三讲：行为和行为面板[FLASH8基础教程]

1. 引用元件

步骤1 布局元件

返回到【Scene 1】，在【标题】图层上插入一个新图层，并重新命名为“图像”。在这个图层上，从【库】面板中拖放“图像显示框”MC元件到舞台上，共得到5个实例，将它们整齐叠放在一起，如图9-2-10所示。

图9-2-10 布局元件

步骤2 定义实例名称

在【属性】面板中，分别定义舞台上这5个MC元件实例的名称为：snapshot1、snapshot2、snapshot3、snapshot4、snapshot5。

1. 设置行为

步骤1 设置【action】图层第1帧的行为

在【图像】图层上新建一个图层，并重新命名为“action”。选择这个图层的第1帧，打开【行为】面板，选择【添加行为】|【影片剪辑】|【加载图像】行为，如图9-2-11所示。

图9-2-11 选择“加载图像”行为

说明：当设置某个关键帧上的行为时，【影片剪辑】行为类别中仅显示4个行为。

单击【加载图像】行为以后，弹出【加载图像】行为设置对话框，在其中的【输入要加载的.JPG文件的URL】文本框中，输入image1.jpg。在【选择要将该图像载入到那个影片剪辑】窗口中，选择【snapshot1】|【photo】，如图9-2-12所示。

图9-2-12 设置加载图像行为

单击【确定】按钮以后，就完成了一个加载图像的行为的定义。这个行为的定义实现了将一个名字为image1.jpg的图像加载到snapshot1影片剪辑元件中的photo元件上。

这时按F9键打开【动作】面板，你会发现，【动作】面板中自动出现了一些动作脚本代码，这些就是通过前面定义加载图像行为系统自动产生的脚本代码。如图9-2-13所示。够神奇的吧？

图9-2-13 自动生成的脚本代码

通过以上步骤，就实现了将image1.jpg图像加载到snapshot1影片剪辑元件中的photo元件上的目的，用同样的方法再定义4个加载图像的行为，以实现另外4个外部图像加载到相应的影片剪辑元件的目的。

完成以后，在【动作】面板中自动生成了【action】图层第1帧的动作脚本代码如下：

//load Graphic Behavior

       this.snapshot5.photo.loadMovie("image5.jpg");

       //End Behavior

       //load Graphic Behavior

       this.snapshot4.photo.loadMovie("image4.jpg");

       //End Behavior

       //load Graphic Behavior

       this.snapshot3.photo.loadMovie("image3.jpg");

       //End Behavior

       //load Graphic Behavior

       this.snapshot2.photo.loadMovie("image2.jpg");

       //End Behavior

       //load Graphic Behavior

       this.snapshot1.photo.loadMovie("image1.jpg");

       //End Behavior

步骤2 设置“图像显示框”MC实例的行为

先定义施加到MC实例snapshot1上的第1个行为。选择名字为snapshot1的MC实例，在【行为】面板中，选择【添加行为】|【影片剪辑】|【开始拖动影片剪辑】行为，如图9-2-14所示。

图9-2-14 选择【开始拖动影片剪辑】行为

单击【开始拖动影片剪辑】行为以后，弹出【开始拖动影片剪辑】对话框，在其中选择窗口列表中的【snapshot1】实例名，如图9-2-15所示。

图9-2-15 设置【开始拖动影片剪辑】行为

单击【确定】按钮以后，完成【开始拖动影片剪辑】对话框中的设置。返回到【行为】面板，单击【事件】右边的小三角按钮弹出下拉列表菜单，选择其中的【按下时】事件，如图9-2-16所示。

图9-2-16 改变事件类型

说明：当我们定义按钮、影片剪辑的行为时，系统默认的事件类型是“释放时”，如果你想更改事件类型，可以按照上面的步骤操作。

下面继续定义施加到MC实例snapshot1上的第2个行为。保持MC实例snapshot1处在选中状态，在【行为】面板中，选择【添加行为】|【影片剪辑】|【移到最前】行为，弹出【移到最前】对话框，如图9-2-17。直接单击【确定】按钮即可。

图9-2-17 【移到最前】对话框

接着按照同样的方法，将【释放时】事件更改为【按下时】事件。

最后定义施加到MC实例snapshot1上的第3个行为。保持MC实例snapshot1处在选中状态，在【行为】面板中，选择【添加行为】|【影片剪辑】|【停止拖动影片剪辑】行为，弹出【停止拖动影片剪辑】对话框，如图9-2-18。直接单击【确定】按钮即可。

图9-2-18 【停止拖动影片剪辑】对话框

施加到MC实例snapshot1上的3个行为定义完成以后，【行为】面板的效果如图9-2-19所示。

图9-2-19  snapshot1上的3个行为

这时按下F9键打开【动作】面板，可以看到自动生成的脚本代码如下：

on (press) {

    //Start Dragging Movieclip Behavior

    startDrag(this);

    //End Behavior

    //Bring to Front Behavior

    mx.behaviors.DepthControl.bringToFront(this);

    //End Behavior

}

on (release) {

    //Stop Dragging Movieclip Behavior

    stopDrag();

    //End Behavior

}

以上动作脚本的功能是，当鼠标单击名字为snapshot1的影片剪辑实例时，它被移动到最前面显示，并且拖动鼠标可以将它放在任意的位置，到合适位置松开鼠标解开停止拖动。

按照以上的步骤，再分别定义另外4个MC实例的行为，施加到每个MC实例上的行为也是3个，并且和施加到snapshot1上的一样。这里不再详述，请参考配套光盘上的实例源程序。

至此，实例制作完成。最后需要说明的是，需要加载的图像文件一定要和实例Flash文件放在同一个文件夹下，这样才能保证本实例加载图像成功。

上一页  [1] [2]