AS初级教程.docx

1、AS初级教程ActionScript菜鸟基础终极教程发表时间：2005-05-10 作者：aawing教程来源网络，版权归作者所有。第1章 揭开ActionScript的神秘面纱ActionScript是Flash内置的编程语言，用它为动画编程，可以实现各种动画特效、对影片的良好控制、强大的人机交互以及与网络服务器的交互功能。ActionScript是一门吸收了C+、Java以及JavaScript等编程语言部分特点的新的语言。ActionScrip使用英文单词和元件提供了一种为Flash影片设置指令的方法。它的存在确保了Flash影片较之普通的按照线性模式播放的动画具备强大得多的人机交互能力

2、。可以为时间轴中的关键帧、按钮和影片剪辑添加ActionScript。选中这些关键帧、按钮和影片剪辑，打开其动作面板，你就可以看到它们都添加了哪些脚本。1.1 Flash中的程序交给计算机执行的指令集称为程序。程序的另一个名称叫做脚本。从现在开始，我们将这些指令集统称为脚本。脚本都必须有它的运行环境，就ActionScript来说，它的运行环境就是Flash影片。ActionScript可以指挥Flash影片该做什么。在某些情况下，ActionScript还可以指挥其他的东西，如用户的操作系统、浏览器等。但是ActionScript最主要的用途还在于控制Flash影片内部的东西。短的脚本可以只

3、有一行，长的脚本可以长达几千行。它们可以作用于Flash影片的一个部分，也可以贯穿影片始终。有人把使用了脚本的整个Flash影片看作一个程序，也有人把影片中单独出现的脚本看作一个程序。这两种看法都正确，因为一个单独的程序也可以被定义成若干小程序。你可能对某些编程语言已经相当熟悉或者有所了解。例如广大网页设计者所熟知的JavaScript，以及另一种相似的语言VBScript，它们能用来编辑动态网页。HTML（Hypertext Markup Language 超文本置标语言）是另一种特殊的语言，浏览器将按照它所包括的指令正确地显示文本和图片。在学校里面，你可能接触过一些编程方面的课程，如BAS

4、IC、Pascal、C、Java等。除HTML以外，以上提到的所有的语言都包含很相似的程序结构：循环、条件、变量等等。只要你知道了ActionScript的特殊用法，你就可以将以前所学的编程知识利用起来。就算你以前从来没有接触过编程方面的知识，不用担心，我会将所有需要的知识都告诉你。1.2 ActionScript是从哪里来的ActionScript是从哪里来的呢？事实上它的确是从好几种程序语言中深化而来的。下面我们先花一点时间了解一下计算机语言的起源和发展。当第一台数字计算机诞生的时候，唯一的编程语言是计算机的专用语言二进制代码，即由数字1和0组成的编码。当由1和0组成的不同序列被输入到计算

5、机中，计算机就会执行完全不同的操作。使用这种语言编写程序是相当费劲的，就算写一个简单的两数相加的程序，程序的长度也是相当惊人的。为了避免每次都为两数相加的操作书写长长的二进制程序，有人书写了一种专门用于两数相加的代码，你可以方便地使用相同的代码实现任意两数的相加操作。接着，一些类似的函数诞生了，用它们可以处理所有的基本任务，如加、减、乘、除、比较、循环等等。从此以后，你可以使用这些事先编写好的函数执行几乎所有的操作了。现代的计算机语言理解和使用起来较之二进制编码都已经容易了无数倍，其一，现代计算机语言与英语语法很相似，如“go”、“for”、“begin”、“if”以及+、-、=等，它们的含义

6、和用法与现实中都相差不大。BASIC、Pascal等编程语言，几乎可以像英语句子一样阅读，所以学习和理解起来都非常容易。其他语言，如C、Fortran，它们的功能更强一些，经验丰富的程序员可以用它们完成更复杂的任务。更多的语言居于以上两种语言之间，如C+、Java和JavaScript，它们既有一定的可读性，也有较强的功能。ActionScript与这些语言有更多的相似之处。Flash遵从ECMA（European Computer Manufacturers Association欧洲计算机工业协会）制定的标准，因此ActionScript与ECMAScript（ECMA开发的一种语言）极其

7、相似。所以与其说ActionScript建立在JavaScript的基础上，不如说ActionScript和JavaScript都建立在共同的基础之上。Flash具备交互功能，它的早期版本已能够利用简单的脚本实现不太复杂的导航和按钮。同时，Flash还是一种矢量动画工具，它的发展是与对它的应用需求分不开的，比如说网页设计者需要一种工具来制作体积更小的图像，由于矢量图是由线条和填充色构成的，而不是像位图一样由像素构成，所以它能够大大缩减文件大小，正顺应了网页设计者的需求，使许多系统配置低的用户也能够访问和浏览他们的网页。虽然说Flash是一个图形动画工具，但也不是没有使用程序的需要，比如说设计者

8、需要制作一个按钮，让别的用户能通过单击按钮浏览到别的页面。Flash早期版本中的脚本非常简单，直到Flash 4，才具有了标准的程序结构，如条件结构、循环结构等。但是Flash脚本仍然需要使用下拉菜单和空白文本框添加，几乎还不能叫做一种编程语言。真正的ActionScript到了Flash 5才出现，程序员可以直接键入程序并将程序添加给需要作用的元素。Flash MX更大地扩展了ActionScript，现在的ActionScript提供了多达300余种命令、函数、运算符和结构，这才真正成为一种成熟的程序语言。1.3 初识ActionScript脚本是由英语单词、数学符号和函数构成的，下面是一

9、个ActionScript的例子：on (press) gotoAndPlay (my frame);你可以通过其中的关键单词推测这段程序的作用。单词press表示按，即用鼠标在某种对象上面单击，这里的对象就是按钮。第二行中的长单词可以分开读成“go to and play”，可以将其理解为命令Flash到达影片中的一个特定位置并从这一特定位置开始播放影片。从以上可以看出，ActionScript可以控制Flash影片的播放。在着手学习ActionScript之前，我们将对ActionScript在Flash影片中的功能作更多的了解。Flash影片可以包含若干场景，每个场景都有时间轴，每条时间

10、轴从第1帧开始。如果不添加ActionScript，Flash影片会自动从场景1的第1帧开始播放，直到场景1的最后一帧，然后接着播放场景2，以此类推。ActionScript的主要目的就是用来改变这种自动而死板的线性播放行为，一段脚本可以使影片在一个特定的帧上停止，循环播放前面的部分，甚至于让用户控制要播放哪一帧。ActionScript能够使影片完全脱离被动的线性播放模式。这还不是ActionScript的所有功能，它还可以将Flash影片从简单的动画改变为具有交互能力的电脑程序。下面让我们见识一下ActionScript能实现的一些基本功能。= 控制播放顺序你可以通过选择某个菜单将影片暂停

11、在某个位置，然后由用户来决定下一步干什么，这就避免让影片径直朝前播放。= 创建复杂动画直接使用Flash中的绘图工具和基本命令来创建足够复杂的动画是相当困难的，但是脚本可以帮助你创建复杂的动画。例如可以用ActionScript控制一个球在屏幕中无休止的跳动，并且可以使它的动作遵从物理学中的重力定律。如果你不用ActionScript来实现这样的动画，你将需要几千帧来模仿相似的动作，而用ActionScript，你将只需要一帧。= 响应用户输入你可以通过影片向用户提出问题并接收答案，然后将答案信息用于影片中或将其传送到服务器。加入了相应ActionScript的Flash影片更适合做网页中的表

12、单。= 从服务器获取数据与向服务器传送数据相反，使用ActionScript也可以从服务器中获取数据，你可以获取即时的信息并将它提供给用户。= 计算ActionScript也可以对数值进行计算，用它可以模拟出各种复杂的计算器。= 调整图像ActionScript可以在影片播放时改变图像的大小、角度、旋转方向以及影片剪辑元件的颜色等。你还可以从屏幕中复制或删除对象。= 测试环境你可以用ActionScript测试Flash影片的播放环境，如获取系统时间，获取Flash Player的版本信息等。= 控制声音ActionScript可以方便地控制声音的播放，甚至控制声音的声道平衡和音量等。1.4

13、ActionScript放在哪里初学ActionScript的Flash爱好者最想问的问题恐怕是“ActionScript应该放在哪里？”Flash是一种复杂的多媒体编辑环境，如果你曾经使用过Flash，或者看过Flash MX附带的教程，你就应该知道Flash中的一些基本术语或元素。在Flash的元素中有3个地方可以放置脚本。1.4.1 时间轴Flash影片中的每个场景都有时间轴，时间轴上的每个关键帧都可以放置脚本。并且，你还可以在每一个关键帧的不同层上放置不同的脚本。在主时间轴中放置脚本之前，需要先选择一个关键帧。启动Flash时，时间轴中有一个空白关键帧，如图1-1显示了默认的空白关键帧

14、和选中它时的状态。当选中一个关键帧后，你就可以打开动作面板，查看里面的脚本或者开始编写你自己的脚本了。有几种方法可以打开动作面板。你可以选择“窗口”“动作”命令，或者按快捷键F9。如果你对Flash复杂的影片浏览器比较熟悉，你也可以在影片浏览器中查看整个Flash影片所用到的脚本。打开影片浏览器的快捷键是Alt+F3。如图1-2所示即为Flash MX的动作面板。该动作面板被命令为“动作-帧”，这是因为其中的脚本将作用在帧上。如果是新建的一个影片，动作面板将是空的。后面我们将在动作面板中添加各种各样的脚本。第2章我们将看到如何使用动作面板。 时间轴中的脚本将在Flash影片播放到脚本所在的关键

15、帧位置时自动执行。例如，如果你为某一关键帧添加了stop()命令，当影片播放到那一帧位置时就会自动停止。要让影片继续播放，只有在其他的脚本中添加相应的命令。在时间轴中添加脚本还有一个好处就是方便你在ActionScript中使用函数。函数是可以重复使用的脚本代码，要想使整个影片都可以调用脚本中的函数，就必须将函数放置在主时间轴中。 1.4.2 按钮Flash中的元素又称作元件（symbol）。元件主要有3种：图形（graphic）、影片剪辑（movie clip）和按钮（button）。图形元件不能承载脚本，它们只能是简单的静态或动态图像。影片剪辑与图形元件类似，但是它可以承载脚本。第3种元件

16、就是按钮，按钮可以承载脚本。事实上，如果没有脚本，按钮几乎不会发挥什么作用。要为按钮添加脚本，首先要在舞台中选中按钮，然后选择“窗口”“动作”命令或按快捷键F9打开动作面板。与帧动作面板相对应，选中按钮时动作面板的标题是“动作-按钮”。你可能会认为，为按钮添加的脚本应该是在单击按钮时执行。其实，也可以为其他鼠标动作添加相应的脚本，如鼠标进入和移出按钮区域。按钮也可以响应按键动作，这使得我们可以方便地为按钮设置快捷键。1.4.3 影片剪辑影片剪辑不同于图形元件，可以为影片剪辑命名，为影片剪辑添加脚本。为影片剪辑添加脚本的方法与按钮类似。为影片剪辑添加的脚本可以用来控制影片剪辑自身或控制时间轴中的

17、其他影片剪辑。使用脚本可以判断影片剪辑出现在屏幕中的什么位置，你也可以用脚本来控制影片剪辑的重复播放等，进而控制整个动画。除了可以为影片剪辑添加脚本，你也可以在影片剪辑内部添加脚本。影片剪辑其实也是一个单独的Flash影片，在影片剪辑中有一条单独的时间轴，你可以像在主时间轴中添加脚本一样在影片剪辑内部的时间轴中添加帧动作脚本。同样地，你也可以将按钮放置到影片剪辑内部并为按钮添加脚本。也就是说主时间轴中的影片剪辑里面有子影片剪辑，子影片剪辑里面又有按钮，按钮中也可以有影片剪辑，如果需要，你都可以为它们添加脚本。1.5 练习：你的第一段ActionScript下面来编写你的第一段ActionScr

18、ipt，让你对ActionScript有更深的了解。操作步骤如下：（1）创建一个新的Flash文档。（2）选中时间轴中的第1帧，按F7键两次插入两个空白关键帧，这时时间轴中应有3个空白关键帧。（3）在每一帧中绘制不同的图形。（4）选择“控制”“测试影片”命令或按Ctrl+Enter键测试影片，你会看到影片在这3个帧之间循环播放。（5）回到主时间轴，选中第2个关键帧，按F9键打开动作面板。（6）动作面板左边显示了可扩展的ActionScript关键字目录。在“动作”/“影片控制”目录下面找到关键字stop并双击，脚本窗口将添加如下所示的一行语句：stop();（7）关闭动作面板，按Ctrl+En

19、ter键测试影片，播放第1、2帧后影片会停止，你将看不到第3帧。ActionScript发挥了作用，它成功地阻止了影片无休止地循环播放这3帧。 第2章 Flash MX的动作面板动作面板是Flash MX面板系统的一部分，ActionScript程序员经常会用到它。为了成长为一名娴熟的Flash编程高手，你有必要对Flash的动作面板和在线帮助系统相当的熟悉。动作面板的标准模式允许你从脚本目录中选择关键字并设置相应的选项，而专家模式为程序员提供了直接输入代码的自由。2.1 了解动作面板Flash MX的面板系统向你提供了查看和设置Flash中各种元素信息和属性的捷径。第一次启动Flash MX

20、的时候，系统将会询问你要使用Flash做哪些方面的工作，然后为你设置默认的面板界面。你可以选择“窗口”“面板设置”命令在不同的面板界面之间切换。与此同时，也决定了动作面板的大小，但是你可以将它改变成任何适合你需要的大小。你可以通过键盘上的F9键随意显示或隐藏动作面板。显示动作面板后，你可以单击它的标题栏将它展开或折叠起来。你还可以拖动动作面板的左上角将它从Flash的工作界面中分离出来。动作面板有两种不同的工作模式。默认的模式是标准模式。在标准模式下，你必须从窗口左边的菜单中选择需要的关键字，而不能直接使用键盘输入脚本，因此可以有效避免即使是很细小的错误。 2.2 动作面板的标准模式如图2-1

21、所示为标准模式下的动作面板。 面板上部的下拉菜单显示了你当前所编辑的脚本的准确位置。图2-1中显示的是“帧动作脚本1 图层名称 图层1”，也就是说当前所编辑的脚本是作用于图层1的第1帧的。面板左边显示了ActionScript命令的分类目录，单击展开一个目录，你将看到它里面的子目录或命令。面板的右边是一个空白文本区，它将显示你所选择的命令和函数。图2-2显示了你从左边的目录里面选择插入“动作”“影片控制”中的goto命令后的动作面板。goto命令是通过双击鼠标添加到脚本中的。 面板右上部显示了goto命令的简单定义，下面显示了与goto命令相关的各种选项，包括“场景”、“类型”和“帧”等，就像

22、是所选命令的参数设置区。参数设置区的状态会依据所选择ActionScript命令的不同而发生变化。第一个需要设置的选项是选择gotoAndPlay命令还是选择gotoAndStop命令。图2-2中选中的是“转到并播放”单选项，也就是gotoAndPlay。这两种命令是相似的，都是跳转到特定的帧，但是gotoAndPlay命令使影片从特定帧开始播放，gotoAndStop命令使影片在特定帧上停止。这个命令还需要附加一些信息才能正常工作。如，你想要使影片跳转到哪一帧，这一帧位于哪个场景，图2-2指定的是当前场景。在“类型”下拉菜单中可以选择指定特定帧的方式，你可以使用帧号、帧标签和表达式中的一种。

23、图2-2选中的是帧号类型，这就要求你精确地指定帧的编号，如1。在以上内容的下面显示了 和 两个按钮。它们使你可以快速地在脚本中插入和删除命令。但是这种方法很少使用，你可以通过左边的分类目录添加脚本，使用键盘上的Delete或Back Space键删除不需要的命令。和 按钮的右边还有几个功能不一的按钮。 按钮使你可以从脚本中查找文本， 按钮使你可以替换文本，使用 按钮可以插入目标路径， 按钮可以为你调试脚本设置断点， 和 按钮使你可以选择脚本的前一行或后一行。在动作面板的底部你可以看到这样的一行：“第1行：gotoAndPlay(1);”，这是动作面板的状态行，它显示了当前选中的行号和该行的内容

24、。2.3 分类目录动作面板左边的目录将ActionScript的关键字有组织地分成几组，以使你更容易查找到需要的关键字的位置。以后我们会对每个组中的命令和符号作详细的讲解，下面先对其进行一下简要的介绍。= 动作在动作类中包含了最简单的ActionScript命令。动作类提供了测试条件、循环、创建函数、复制和创建影片剪辑以及从服务器中获取数据等功能的命令。动作类中的命令是ActionScript最重要的组成部分。动作类又分为影片控制、浏览器/网络、影片剪辑控制、变量、条件/循环、打印、用户定义的函数以及其他动作等子类。= 运算符它包括了各种数学和比较运算符，如+号，用于两数相加；=号，用于判断两

25、数是否相等。运算符类下面又分为按位、比较、赋值、逻辑、算术和其他运算符等子类。= 函数使用函数可以转换数据或获取需要的信息，如获取Flash的版本信息。你可以使用函数将字符串123转换成数字123。你还可以自定义需要重复使用的函数。在函数类下面主要有两个子类：数学函数和转换函数。= 常量常量类中包含了一些具有特定值的特殊关键字，如true、false、null和newline等。= 属性属性类中的关键字反映了Flash中元素的相关信息。例如_x属性代表影片剪辑在屏幕中的水平位置。= 对象对象类是最复杂的一类，它包含了ActionScript中的众多概念。所有的对象关键字被分成4个子类：核心、影

26、片、客户端/服务器、创作。影片剪辑是影片类下面的一种，它包含了与控制影片剪辑相关的关键字。Math是核心下面的一种，它包含了求平方根、正弦值等数学函数。= 否决的这一类中的关键字是已经作废但Flash MX仍然支持的，在Flash MX中请尽量避免使用，因为在以后的Flash版本中将不再支持这些关键字。= Flash UI组件这一类中的关键字包含了特殊功能的组件，如单选按钮、滚动条等。= 索引索引类将ActionScript中的所有关键字按字母顺序排列。以上各类中的关键字都可以在索引类中找到。动作面板中提供的关键字分类有时可以帮你方便地找到需要的关键字，但也有可能给你带来麻烦。如你可能认为表示

27、影片剪辑水平坐标属性的_x应该在对象类的“影片”/“影片剪辑”/“属性”里面，但它却在属性类里面。你可能认为sqrt（开平方）应该在函数类中，但它却在“对象”/“核心”/“Math”/“方法”下面。2.4 使用Flash的帮助系统最好的程序员往往也要查阅一下工具书，Flash中的帮助系统就是一本功能强大的工具书，所以在学习更多内容之前，先了解一下Flash的帮助系统，将对我们的学习不无陴益。Flash使用工具提示和基于扩展HTML的帮助系统。为了对ActionScript的使用更加娴熟，你就需要知道如何使用它们。 2.4.1 简单定义如果你习惯使用动作面板中的关键字分类目录，你应该会注意到当你

28、在左边的目录中选中某个关键字时，面板右边的上面部分会给出与所选关键字相应的简单定义。你会看见这样的句子：“要添加某项，可双击该项或将其拖动到脚本窗口。例如选中goto命令时，你会看到这样的提示：“转到影片的指定帧。”它显示了该脚本的基本功能。单击别的命令查看一下它们的定义，在学习下面的知识之前，你可以花些时间多看一下动作面板中的命令。2.4.2 脚本参考面板Flash使用脚本参考面板帮助你记住ActionScript的语法。可以选择“窗口”“脚本参考”命令或按快捷键Shift+F1打开脚本参考面板。脚本参考面板如图2-3所示。 脚本参考面板的左边与动作面板左边的脚本目录很相似。你也可以通过动作

29、面板进入脚本参考面板，单击动作面板中的 按钮可以打开脚本参考面板，打开的脚本参考面板会自动显示你在动作面板中选中的命令。2.4.3 HTML帮助文档如果要获得ActionScript命令更详细的说明，可以选择“帮助”“动作脚本词典”命令，这将启动你的浏览器并打开如图2-4所示的页面。图2-4 动作脚本词典浏览器窗口的左边是所有ActionScript命令和函数的总目录，在左边的条目上单击，窗口的右边部分会显示其详细的内容。选中每个条目时，右边窗口中通常会包括与该条目的说明以及它的使用范例。在你以后使用Flash的时候可能经常会用到帮助文档，所以请花一些时间了解它吧。2.5 动作面板的专家模式现

30、在你已经了解了动作面板的标准模式，下面要向你推荐多数ActionScript程序员使用的专家模式。在专家模式下，你可以直接通过键盘输入脚本，而不需要从左边的目录中选择命令。这种模式下你可以在动作面板中输入任何东西，但也很容易导致错误。在专家模式下，你仍然可以从左边的目录中选择并插入标准的ActionScript命令、函数和运算符。当你记不确切一条命令的时候就可以使用这种方法。2.5.1 切换模式要从标准模式切换到专家模式，可以单击动作面板中的 按钮，或者单击动作面板右上角的 按钮，在打开的下拉菜单中选择“专家模式”命令。在动作面板获得焦点的情况下，快捷键Ctrl+Shift+N可以切换到标准模

31、式，快捷键Ctrl+Shift+E可以切换到专家模式。如图2-5所示为专家模式下的动作面板。在专家模式下，参数设置区、命令提示信息都没有了，脚本编辑窗口占据了动作面板右边的大部分。图2-5 专家模式下的动作面板从标准模式切换到专家模式是非常容易的，但是要从专家模式切换到标准模式则要求脚本中没有语法错误。比如说你不明白如何设置一些命令的参数，需要从专家模式切换到标准模式以使用标准模式下的提示，但是Flash却不允许你进行切换，提示你“此脚本中有语法错误，必须在专家模式下编辑它”；而当你知道如何设置参数并将脚本书写正确了，又不再需要切换到标准模式了。2.5.2 动作面板的下拉菜单动作面板的下拉菜单中有一些特别是在专家模式下编辑脚本时很有用的命令。你可以使用查找和替换命令在代码中执行查找和替换操作。按快捷键C