《网页设计与制作第14章flash行为》由会员分享，可在线阅读，更多相关《网页设计与制作第14章flash行为（32页珍藏版）》请在金锄头文库上搜索。
1、第14章 Flash行为,第14章 Flash行为,14.1 什么是行为 14.2 使用行为 14.3 其它常用行为 14.4 行为实例制作 拖动外部加载的图像 14.5 本章小结,本章是起着承上启下的一章。通过学习行为，可以增强用户学习Action脚本的兴趣。行为就是脚本，只不过是Macromedia公司封装好的脚本，通过行为可以实现脚本的常用功能和控制，本章重点是掌握各种行为的使用方法和组合使用的技巧。,14.1 什么是行为,“行为”是预先编写的“ActionScript”脚本，通过“行为”可以将 ActionScript 编码的强大功能、控制能力和灵活性添加到文档中，而不必自己创建 “A
2、ctionScript” 代码。“行为”可以将实例排列在帧上的堆叠顺序中，以及加载、卸载、播放、停止、直接复制或拖动影片剪辑，或者链接到 URL。此外，还可以使用行为将外部图形或动画遮罩加载到影片剪辑中。“行为”面板如图所示，可以通过【窗口】|【行为】菜单命令来打开或者闭合“行为”面板。,14.1 什么是行为,点击将弹出“行为”选择菜单，从行为菜单中选择需要的行为添加到“行为”面板。点击按钮则可以删除选中的行为。,“行为”是要附属在某一个帧中或者是按钮、影片剪辑元件上。帧上的行为不具有事件选项，而按钮元件则可以设置行为的触发事件，例如当点击鼠标后打开声音、鼠标在该元件上移动来打开浏览器显示网页
3、等。,14.1 什么是行为,14.2 使用行为,设置Flash的某一个“行为”就像在Dreamweaver中设置“行为”一样简单，例如，在某一个Flash作品的某一个边缘设置一个作者的主页链接，当浏览者点击该主页链接则可以打开作者的首页。步骤： （1）新建Flash文件，背景设为黑色。 （2）选择【插入】|【新建元件】菜单命令来添加一个按钮元件。,首页地址,（3）在按钮的“弹起”帧状态中插入作者的首页地址。（4）使用鼠标选中该文本，在“属性”检查器中设置“发光”滤镜和“模糊”滤镜，“发光”滤镜颜色设置为“白色”，其他相应的设置参数如 “属性”检查器所示。,14.2 使用行为,（5）设置滤镜后的
4、文本变为图所示效果。,（6）在按钮“指针经过”帧中插入关键帧。并且删除文字中的“模糊”滤镜，删除“模糊”后的文本效果如图所示。,14.2 使用行为,（7）在按钮“按下”状态中插入关键帧，在文本“发光”滤镜的基础上添加“逐渐发光”滤镜效果，且颜色设置为“从白到黑”，具体设置请参考图所示。,14.2 使用行为,（8）在按钮的“点击”帧中插入关键帧，使用“矩形工具”在文本的覆盖范围上绘制一个矩形，作为按钮的点击区域。如图所示。,（9）将设计好的按钮托拽放舞台的场景1中。,14.2 使用行为,（10）鼠标选中该元件，在“行为”面板中添加“转到Web页”行为，如图所示。,14.2 使用行为,（11）设置
5、弹出的“转到URL”行为对话框内容，设置内容如图所示。,14.2 使用行为,在设置的URL部分填入要重定向的链接位置，在打开方式中选择一种模式：“_parent”父页面打开、“_self ” 本页面打开、“_blank”空页面打开、“_top”去除框架打开。这四种模式和Dreamweaver中的打开方式一致。（12）保存该文件，按“Ctrl+Enter”组合键，观看效果。,14.2 使用行为,14.3 其它常用行为,“行为”面板中为用户提供了许多常用的代码模块，方便设计Flash。面板中的行为共分为7大类，但是作用与帧上和作用于按钮上的行为是不一样的，帧上的行为面板只有6类，而按钮是7类。帧和
6、按钮不同的“行为”面板如图所示。,WEB分类中包括超链接的行为。声音分类负责对声音元素的控制，包括开始播放声音、加载声音、停止声音的各种选项。媒体分类主要对媒体进行控制操作。嵌入的视频分类是对视频进行播放、加载、删除系列的操作。影片剪辑分类可以对影片剪辑进行播放控制、拖动影片、加载等操作等数据分类用来触发数据源的位置。放映文件分类可以实现在播放器中全屏播放效果。例如在某个按钮上添加该“行为”则点击该按钮后全屏播放此动画。（是在Flash的播放器中起作用，其他播放器可能不受此控制）,14.3 其它常用行为,14.4 行为实例制作拖动外部加载的图像,本实例运行时，自动将外部的5张动物图像加载到Fl
7、ash影片中，它们成层次叠放在一起，用鼠标单击任意一张图像，这张图像就显示在最前面，并且用鼠标还可以拖动它放在任意的位置，如图所示。,制作步骤：（1）新建Flash文档，背景为“白色”。（2）使用“矩形工具”，设置笔触颜色为“浅灰色”，笔触粗细为“10”，填充色为“浅蓝色”，在图层1中绘制一个背景边框和底色。如图所示。,14.4 行为实例制作拖动外部加载的图像,（3）新建图层2，在图层2中使用“矩形工具”，无笔触色，填充色为“白色”，边角半径 设置为“3”，绘制一个圆角矩形，如图所示。,14.4 行为实例制作拖动外部加载的图像,（4）新建图层3 在图层3中使用“文本工具”写入文本：“拖动外部加
8、载的图像”。效果如图所示。,14.4 行为实例制作拖动外部加载的图像,（5）选中图层1、2、3中的所有内容，并选择【修改】|【转换为元件】菜单命令，将之前制作的内容转换为一个图形元件。此时图层1、2的内容将消失。（6）选择【插入】|【新建元件】菜单命令，新建名为“图像”的影片剪辑元件，在这个元件的编辑场景用【矩形工具】绘制一个深灰色的矩形图形。且以矩形的左上角为中心注册点。如图所示。,14.4 行为实例制作拖动外部加载的图像,（7）再新建一个名字为“图像显示框” 的影片剪辑元件。在这个元件的编辑场景中，新建一个图层，并将两个图层重新分别命名为“边框”和“显示区”。在“边框”图层上，用“矩形工具
9、”绘制一个黑色笔触、白色填充的矩形图形，宽高尺寸设为 308224像素。在“显示区”上，将“库”面板中的“图像”影片剪辑元件拖放到白色矩形图像上面，调整图形位置，如图所示。,14.4 行为实例制作拖动外部加载的图像,（8）使用鼠标选择“图像”影片剪辑元件的实例，在“属性”检查器中定义它的实例名为“picture”，如图所示。,14.4 行为实例制作拖动外部加载的图像,（9）返回场景1，新建图层，从库中拖放5个“图像显示框”元件的实例到新建图层第1帧处，且排列整齐，效果如图所示。,14.4 行为实例制作拖动外部加载的图像,（10）在“属性”检查器中，分别对5个“图像显示框”元件实例定义名称：p1
10、，p2，p3，p4，p5。这样就可以通过实例的名称来对实例进行控制。（11）在场景1中插入新的图层，修改名称为“actions”，此图层用于“行为”的设计和处理。如图所示。,14.4 行为实例制作拖动外部加载的图像,（12）选择“actions”图层的第1帧，在“行为”面板中插入“影片剪辑”的“加载图像”行为，如图所示。,14.4 行为实例制作拖动外部加载的图像,（13）在弹出的“加载图像”对话框中，设置加载的图片位置和名称，以及加载到哪个元件实例。例如将图片“p1.jpg”加载到根场景中的“p1”影片剪辑实例中,14.4 行为实例制作拖动外部加载的图像,的“picture”影片剪辑实例中，使
11、用点语法的结构就是：“this.p1.picture”（相对路径）或者“_root.p1.picture”（绝对路径），设置的对话框如图所示。,（14）参考上一步骤，依次将“p1.jpg”加载到p1.picture、“p2.jpg”加载到p2.picture、“p3.jpg”加载到p3.picture、“p4.jpg”加载到p4.picture、“p5.jpg”加载到p5.picture。加载5张图片后的“行为”面板如图所示。,14.4 行为实例制作拖动外部加载的图像,（15）使用鼠标选择“图像显示框”实例p1，在“行为”面板中添加【影片剪辑】|【开始拖动影片剪辑】行为，并选择触发行为的事件为
12、“按下时”即按下鼠标后触发此行为。设置如图所示。,14.4 行为实例制作拖动外部加载的图像,（16）对实例p1添加【影片剪辑】|【移至最前】行为，并设置触发行为的事件为“按下时”，设置如图所示。,14.4 行为实例制作拖动外部加载的图像,（17）对实例p1添加【影片剪辑】|【停止拖动影片剪辑】行为，并设置触发事件为“释放时”。此时在实例p1上具有三个行为，这三个行为都会根据事件触发的设置来执行操作。设置后的行为面板如图所示。,14.4 行为实例制作拖动外部加载的图像,（18）重复步骤1517，分别对实例p2、p3、p4、p5设置同样的行为。（19）按下“Ctrl+Enter”组合键查看效果。最后需要说明的是，需要加载的图像文件一定要和实例Flash文件放在同一个文件夹下，这样才能保证本实例加载图像成功。,14.4 行为实例制作拖动外部加载的图像,14.5 本章小结,通过学习“行为”知识可以使不具备编程功底的设计人员实现和程序设计人员同样的动画效果，这样不仅大大简化动画制作的难度，也减少了基本代码出错的几率，提高了设计动画的速度，本章介绍了行为面板的基本操作技巧和常用行为的演示，用户需要不断反复的练习行为，在帧、按钮、影片剪辑中添加行为，慢慢来体会其中的技术，不断配合多种行为来实现需要的动画效果。这也为后面Action脚本的学习，增加了热情和兴趣。,
