FlashMX2004行为功能再体验

　　行为功能概述

　　Flash内置的Actionscript语言功能强大，能够实现很多复杂的交互式特效，但假如您并不是个专业的程式人员，想必会对那一大堆的命令和属性头疼不已，而FlashMX 2004也充分考虑到了非专业程式工作人员在使用越来越强大、复杂的AS时可能出现的困惑，“行为”（Behaviors）面板应运而生了。说起“行为”，网页设计师们都不会陌生，早在几年以前，他就已出现在了Dreamweaver 3.0（以下简称DW）的界面中，现在更是DW MX中不可缺少的组成部分。由于他方便、直观、高效，得到越来越多使用者的青睐。

　　FlashMX 2004中的行为和DW中的相似，利用他能够使您无需输入任何AS命令，只使用很少几个步骤就得到专业的程式代码和效果。今天我们就来尝试一下“行为”的强大功能。

　　行为功能实例制作

　　在Flash的制作中，外部图片的导入、影片剪辑的拖曳是应用范围相当广泛的功能。在过去，我们必须深入了解AS原理，不断调试才能够制作出完美的作品，现在，让我们看看“行为”是怎样工作的。

　　相册的制作

　　1.在开始制作之前我们必须得到相册中的一些照片，能够使用Fireworks制作这些图片，确保每张图片尺寸大小一致，并以JPG格式保存在和Flash文档同一目录下。我制作了5张大小为288×209px的JPG格式图片，并分别取名为image1~image5。

　　2.打开FlashMX 2004，新建一个文档，配置背景色为白色，大小为550×400px。

　　3.新建一个元件命名为photograph，使用工具栏上的矩形工具，黑色为边框色，浅灰色填充绘制一个矩形，在属性面板中配置矩形大小为308×224px。将此矩形左上角定点配置和中央点对齐（利用对齐按钮“Ctrl K”）。

　　4.再新建一个元件命名为photo，使用工具栏上的矩形工具，无边框色，黑色填充绘制一个矩形，在属性面板中配置矩形大小为288×209px。将此矩形左上角定点配置和中央点对齐。

　　5.按下F11键打开“库”面板，双击photograph元件，开始编辑。将photo元件从“库”中拖曳到photograph元件中，配置居中对齐。鼠标选中photo元件，在属性面板中配置实例名称为photo。

　　6.回到场景一，从“库”面板中将photograph元件拖曳到场景中，鼠标选中此元件，在属性面板中配置实例名称为photograph1。

　　7.重复以上操作，将photograph元件不断地拖曳到场景，并分别配置实例名称为photograph2~photograph5（图1）。

　　

　　8.下面要开始行为的使用了。首先要将图片image1~image5分别导入到元件photograph1~photograph5中。选中关键帧1，按下“Shift F3”打开行为面板，点击面板上的“ ”号，在弹出菜单中选择Movieclip→Load Graphic，出现导入图片配置框。

　　9.在导入图片配置框中的下拉框中找到photograph1，点击前面的“ ”号，出现photo元件，选择photo。在上面的文本框内输入要导入的图片名称image1.jpg（图2）。这样FlashMX 2004会自动将导入图片的AS添加在第一帧上。使用同样的方法配置其他4张图片的导入。

　　

　　10.选择第一帧，打开Actions面板，我们能够看到Flash自动添加了AS到这一帧，我们无需去了解他们的语法和属性，完全是自动完成的。

　　11.现在要来制作图片的拖曳和在最上层的显示功能了。选中Photograph1元件，打开行为面板，点击“ ”号，在弹出菜单中选择Moveclip→Start Draging Movieclip。

　　12.在弹出的Start Draging Movieclip对话框中选择Photograph1元件后点击OK按钮（图3）。这样我们配置好了使用鼠标拖曳图像的功能。

　　

　　13.再次选中Photograph1元件，打开行为面板，点击“ ”号，在弹出菜单中选择Moveclip→Bring Forward，在弹出的Bring Forward对话框中选择Photograph1元件后点击OK按钮，完成了图片居于最前的配置。

　　14.选中Photograph1元件，打开行为面板，点击“ ”号，在弹出菜单中选择Moveclip→Stop Draging Movieclip，按照以上步骤进行配置可完成停止拖曳功能。

　　15.这时我们在“行为”面板中能够看到配置好的三个行为，但在Event项中能够看出三个行为的触发形式都是On Release（鼠标释放）（图4），和我们的需要是不相符合的。

　　

　　点击Event下的后两个On Release，打开下拉菜单，选择On Press（图5）。

　　

　　16.最后的效果如图所示（图6），5张图片互相重叠在一起，您能够使用鼠标选择任意一张图片，被选中图片将出现在最上层，按下鼠标左键能够拖曳这张图片到任意位置。

　　

　　17.使用同样的方法配置其他四个元件，最后能够完成整个相册的制作，在这个相册中，我们能够任意拖曳某张照片，也能够调整照片间的位置，神奇的是，从开始到最后，我们没有手工书写哪怕一个字的AS代码。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有