Flash MX 2004行为功能再体验

  行为功能概述

  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代码。

时间: 2024-12-09 03:05:30

Flash MX 2004行为功能再体验的相关文章

Flash MX 2004新功能:行为

Behavior(行为)和行为面板在Dreamweaver中早已有了,但在Flash中则是首次引入.在Flash MX Professional 2004中,行为就是预先写好的动作脚本. 使用行为,你无需自己动手编写,就可以给你的Flash文档添加功能强大的动作脚本代码,给Flash内容(如文本.电影剪辑.图像.声音等)添加交互性,实施对文档中的电影剪辑和图像实例的控制. 你也可以使用行为来排列帧中电影剪辑和图像实例的堆叠顺序,装载和卸载实例,播放.停播.复制或拖曳实例,或创建链接.此外,你还可

Flash MX 2004新特性实例学习一

    Flash MX 2004的试用版终于可以下载了,它帮助文件中自带的例子很好地反映了2004中新增加的功能.下面我们通过学习这些例子的制作,来熟悉在2004中新增加的功能.这些例子都是从Flash MX 2004的帮助文档中来的.在我的windows2000中的保存路径是C:Documents and SettingsAdministratorLocal SettingsApplication DataMacromediaFlash MX 2004enConfigurationSampl

Flash MX 2004 Media组件实现多首mp3连放

Flash MX 2004 的Media组件确实不错,大家在使用的时候可能发现MediaDisplay组件只能播放一首mp3,如果要让他播放完一首歌曲后再接着播放另一首歌曲就不行了.今天就来给大家介绍一下怎样用MediaController和MediaDisplay组件实现多首mp3的联播. 播放器界面如图: 思路如下: 歌曲列表用一外部XML文件来记录,便于修改.开始的时候定义一XML对象,并载入外部XML文件,载入后再将歌曲列表提取出来放入一数组中.接着用attachMovie()方法将Me

Flash MX 2004滚动文本框的两种做法

文本框 Flash升级到Flash MX 2004 版本以后,许多效果的制作方法都很大的改进,比如滚动文本框的效果制作起来就方便了许多.现在我介绍两种在Flash MX 2004 中制作滚动文本框的方法,一种是利用flash自己的组件,是最简单的一种方法:再一种就是利用一些简单的命令来实现滚动的效果,通过第二种方法我们可以对Flash MX 2004 的新功能与方法有更深刻的了解.文章末尾提供.fla文件供大家下载参考. 完成效果下载 一. 利用组件制作滚动文本框   在场景的空白位置往往不够容

Flash MX 2004时间轴特效实例

特效 如果你经常要进行一些复杂而重复的动画制作,或者想为自己平淡的动画添加一些闪光的动感,不妨试试Flash MX 2004新增的时间轴特效功能. 实例一:阴影效果 以前要在Flash中制作阴影,我们都会自己绘制一个阴影区域将它放置在要添加效果元件的下方.现在让我们看看用Flash MX 2004时间轴特效该怎么轻松实现. 1.打开Flash MX 2004,在开始页面上选择"Create New→Flash Document",新建一个文件. 2.使用文本工具输入文字"小草

Flash MX 2004时间轴特效详细讲解

特效 今天给大家总结一下Flash mx 2004中的时间轴特效,希望对大家有帮助,并且提供了一个用时间轴做的实例,至于其它的具体简单使用则没给大家实例,希望大家按照说得好好练习下Flash的时间轴特效! 时间轴特效(Timeline effects)是Flash MX 2004和Flash MX Professional 2004都拥有的新功能.使用Flash内建的时间轴特效,可以快速创建复杂的动画,和Swish有些类似. 时间轴特效可以应用于以下对象:文本.图形(包括矢量图.组合对象和图符)

Flash MX 2004 编程(AS2.0)教程(六)

编程|教程 1.4.4代码编写 现在开始进入最麻烦的步骤--代码编写,我们将会接触到很多新的东西. 1.文本文件数据加载 在最开始的时候,我们曾建立一个文本文件,将其命名为"subtrahend.txt",存在.fla文件所在的目录下,这个文件中包含有程序需要读取的参数,现在我们就要编写代码将这些数据读取出来. 选中"脚本"层中的第一帧,然后打开行为面板,输入这样的代码: var externalData:LoadVars = new LoadVars(); ext

Flash MX 2004 编程(AS2.0)教程(五)

编程|教程 1.3.4独立脚本文件 打开菜单"文件->新建",从新建文档对话框中选择"动作脚本文件"可以建立独立.AS文件,这种文件的最大优点是可以重复使用.比方说,你在一个项目中建立的脚本可以放在独立的.AS文件中,其他项目要使用到类似的功能,你就可以直接调用这个.AS文件中的代码.这样可以大大提高开发效率,减少代码的冗余程度. 1.4第一个脚本程序 下面我们通过一个非常简单的ActionScript程序演示ActionScript的操作过程,虽然这个例子看

Flash MX 2004 编程(AS2.0)教程(一)

编程|教程 第1章入门 ActionScript是一种编程语言,Flash专用.ActionScript的语法类似Javascript或者Java,如果你以前接触过这两种语言,你会发现ActionScript非常易懂易用.即便你没有接触过Java或者Javascript,掌握和运用ActionScript也绝非什么难事. 1.1ActionScript的演变过程 ActionScript是不断发展的,最早出现在Flash 5种,目前的最新版本是ActionScript 2.0,已经趋于成熟.Fl