FlashActionScript20教程.docx

FlashActionScript20教程.docx

《FlashActionScript20教程.docx》由会员分享，可在线阅读，更多相关《FlashActionScript20教程.docx（165页珍藏版）》请在冰豆网上搜索。

FlashActionScript20教程

第一课认识编程环境

ActionScript是针对FlashPlayer的编程语言,它在flash内容和应用程序中实现了交互性、数据管理以及其它许多功能.那么我们将程序写在什么地方呢?

在flash创作环境中,我们的程序写在"动作"面板中

而动作面板,又是与舞台上可以添加动作的对象相关联的.在ActionScript2.0中可以添加动作的对象有三种:

关键帧、影片剪辑元件、按钮元件.

编程实际就是向计算机下达指令,让计算机按我们的指令去完成一些任务.这就要求我们用计算机能看得懂的语言,这就是编程语言.ActionScript则是其中的一种.即然是语言,就同我们人类的语言一样它就有它自己的语法、语句、词汇等,这些东西就是我们要学习的内容.为了以后学习方便我们首先来学习一个语句:

trace（）这个语句的作用是,flash在运行时,将括号中的内容显示出来.

上面我们提到,ActionScript2.0中可以添加动作的对象有三种:

关键帧、影片剪辑元件、按钮元件.也就是说,我们可以在这三个对象的动作面板中编写程序.具体怎样作呢?

我们来试试.新建一flash文档,如果你的flash版本是CS3,那么请选择ActionScript2.0文档,因为本教程介绍的是ActionScript2.0.为什么不介绍3.0?

因为sanbos发现很多人用的都是flash8.好,现在点击"插入"菜单,一"新建元件,建一个影片剪辑元件,随便画一个什么图形吧,将元件拖到舞台上;然后点击"窗口"一"公用库"一"按钮",然后随便选一个按钮拖到舞台上.这样,关健帧、影片剪辑、按钮都齐了.现在我们来看看怎样打开动作面板.在影片剪辑上点鼠标右键,然后在弹出菜单中点"动作",那么现在我们看到的就是动作面板了.

图1:

动作面板

我们在按钮元件上执行相同的操作,可以得到相同的结果

现在在时间轴的第1帧上,执行相同的操作,一样地打开了动作面板.动作面板的右边留出了一大片空白,等着你去编写程序,鼠标指针在那儿闪着,便勾起了我们编程的冲动.于是你说:

"我要编程了".上面我们不是介绍了一句,trace（）吗?

我们何不偷偷地在这里输上一句,也好过把编程的隐.于是你在这里输上：

trace（"我会编程了"）;

注意大小写,括号后面跟着分号.测试影片.你会看到一个输出窗口,里面有"我会编程了"几个字

是的,你已经会编程了.虽然只有一句,但它是一个ActionScript程序却是千真万确的.因此,这的确是一件值得祝贺的事情.来吧,让我们再说一次:

"编程其实很容易".

欣赏够以后,请关闭输出窗口,关闭播放窗口,回到几分钟之前,令我们自豪了一把的动作面板,我们来对它进行更进一步的认识.我们看到trace是蓝色的

是的,ActionScript内部的词汇在编程环境中都会以蓝色表示.那么这就是一个技巧,当你在输入程序时,如果输入ActionScript内部词汇时不是蓝色的,那么说明你输错了,那么你应该马上检查,是否有哪个字母输错了.现在问题出现了,你说我记不到那些词汇.在中学时英语考不出好成绩主要就是因为记不住单词.现在学习编程也记不住那些指令、语句,所以觉得编程好难.首先我还是说一句,你可能不太乐意听的话:

多练自然就记住了.你说:

我就是记不住,我是不是就不宜学习ActionScript编程呢?

NO,你看说英语并不难,我张口就来.我们将标淮降低,只要你看到这些指令,能够认识它就行.相比之下,知道有些什么指令比记住那些指令的拼写要重要得多.回到动作面板,你就会明白这个道理.看看动作面板的左半部分,这里几乎将所有的指令列了出来,你可以分门别类地去找到相关指令,如影片剪辑控制、时间轴控制、常用语句等,找到相应语句,双击它,于是它便自动写到右边的编程窗口中了.

是不是不用精确记住指令的拼写也能编程呢.在右边的编程窗口上面的工具栏最左边有一个加号,它具有与左边窗口相同的功能,不信你点它试试

通常在ActionScript编程时,我们可能会习惯将代码写在影片剪辑、按钮元件上,这就必须要事件驱动,它的格式是:

on（事件名称）{

要执行的语句

}

现在我们来试一试,在动作面板中输入on（

这时你会发现弹出了一个窗口,将所有事件列了出来,你只需用鼠标选用所需要的事件双击它或回车,事件就会自动写到屏幕上.是不是很方便?

很多ActionScript程序都是对影片剪辑、按钮元件、文本框等对象进行操作,这需要在属性面板中为它们命名.良好的命名习惯,对我们编写程序会有很大的帮助.按照约定,影片剪辑元件的命名以_mc结尾,如my_mc,按钮元件则是以_btn结尾,文本框则是以_txt结尾.当然你完全可以不理采这些约定,随心所欲地为他们命名.我们说遵守这些约定,会对我们编程有所帮助.还是来试一试吧.建一影片剪辑元件,然后将它拖到舞台上,打开属性面板,为它取名为:

mymc_mc,在第一帧打开动作面板,输入:

mymc_mc.这时会弹出一个窗口,需要哪个指令选就是了.这些指令是按拼音顺序排列的.如果你能记住所需指令的前几个字母,你不妨直接输入,这时你会发现,很快就定位到了你所需要的指令.现在,我们把元件的名称改为mymc,不以_mc结尾,再到动作面板中输入,mymc.结果什么也没有发生,后面的指令只有自己输了,或者到左边窗口中去选.按钮元件和文本框也是相同的.你可以试一下.

这一课我们认识了动作窗口,这是我们ActionScript编程的地方,通过对智能化的编窗口的认识,应该消除了我们对编程的恐惧,让我们树立了学好ActionScript编程的信心

第二课面向对象编程基础

ActionScript是一种面向对象的编程语言.通常我们会认为编程就是连续地写一系列指令,计算机按顺序地执行它.而面向对象编程则是将程序分成各个块,分散到对象上.什么是对象?

对象就是我们在flash中能看到的一切东西.舞台是一个对象,时间轴、影片剪辑、按钮、文本、位图都是对象.在第一课中我们己说过:

在ActionScript2.0中我们可以将程序写在关键帧、影片剪辑、按钮元件上.即便是将程序完全写在关键帧上,它也必须要对象的事件驱动才能执行.

在理解了面向对象编程后,我们必需要对一些概念有所了解.事实上我们在上面对对象己经有了一定的了解.就如同我们的家中,所有的东西都可以叫做对象.比如,电视机,电冰箱,书桌,衣柜等等.很容易发现,这些东西,总有那么几个都有相似之处.比如,电视机、电冰箱都需要用电;书桌、衣柜都是用木头做成的.我们便把家里的东西分成了几类,并为每一类东西取上一个名字,比如,电器类、木器类等.这样我们就理解了另一个重要的概念一"类".

类是某一类型对象的概括或者说是模板,在ActionScript中,所有对象都是由类定义的.每个类都包括了三个重要的元素:

事件、属性、方法,这是我们必须要了解的三个重要概念.

事件：

在面向对象的编程中,并不是将程序按顺序交给计算机去执行,上面己经谈到了,程序被分散到了对象上.那么要计算机执行这些程序就需要事件来触发.通俗地讲就是:

当某件事情发生时就去做一些事情.这个某件发生的事情就是事件.在flash中,常常会放上一个按钮,比如"开始"按钮.程序设计者可能是这样的思路:

当按钮按下时就播放动画.那么"当按钮按下时"就是按钮对象的事件.在ActionScript2.O中,程序可以写在关键帧和元件上,事件在关健帧中和原件中的输写方法是不一样的.

事件在关健帧中的写法:

元件名称.事件名称=function（）{

要执行的语句

....

}

事件在元件上的写法:

on（事件名称）{

要执行的语句

.....

}

我们来做一个练习,在舞台上有一名为play_btn的按钮,现在要实现点击按钮动画就播放.新建flash文档,用椭园工具画一个园,然后,在40帧插入关健帧,将园移到另一位置,建立补间动画.新建一图层,从内部库中拖一个按钮到舞台上.打开属性面板，为按钮命名为play_btn.这里先介绍一个最常用的事件：

release,这是当放开鼠标按键时触发．实际也就是完成了一个点击动作时发生．

首先，在幀动作面板上写程序的方式完成练习：

新建图层，命名为action，当这不是必须的，你完全可以给它取个其它名字．打开幀动作面板，输入：

stop（）;//这是让动画停止播放，以便让我们点击按钮时才播放．

　　　　　　play_btn.onRelease=function（）{

play（）;//让动画开始播放

　　　　　　　｝

测试影片，当点击按钮后，园形开始移动．

回到场景中，可以看到，在action图层时间轴的第１幀上，有一个a字，这说明在这一幀上有程序．

下面用在元件上写程序的方式来完成练习：

将幀动作除第一行的stop（）;外其它的程序全部删除．然后，在按钮元件上点右键，点击＂动作＂，打开动作面板，输入如下代码：

　　　　　　　　　　On（replease）{

Play（）;

}

测试影片，得到相同的效果．

属性：

对象的属性可以理解为对象的特性，比如，大小，位置，颜色等．属性的输写规则是：

对象名称．属性名称　＝　值；

下面介绍几个最常用的属性：

_x,_y：

分别是对象在舞上台的x,y坐标，这两个属性可以确定对象在舞台上的位置．

_xscale,_yscale:

分别是对象在舞台上沿x,y轴方向的缩放比例，实际上就是宽和高的缩放比例，以百分比表示，例如：

　　　　　　　　my_mc._xscale=50;//这表示，元件my_mc的宽度缩小到原来的５０％．

_alpha:

这是对象的透明度，取值为０-100.

_rotation:

这是对象的旋转度，以角度为单位．

_visible：

为是对象是否可见，可设置两个值，true（或１）和false（或0）.比如要设置元件my_mc在舞台上不可见，可用：

　　　　　　　my_mc._visible=false;或　my_mc._visible=0;

相反要设置它在舞台上可见则用：

　　　　　　　my_mc._visible=true;或　my_mc._visible=1;

函数：

你可能要问,属性介绍完了该介绍方法了,你怎么介绍起函数来了?

原因很简单,方法也是函数.将函数附加到对象时,它就被称为方法.什么是函数呢?

将完成一个任务的若干语句封装起来,就叫函数.也许用例子来说明会好理解一些.比如,要完成一个开电视的任务,可能需要很多步骤,插上电源,开机,选频道,设置音量.我们将这些步骤封装起来,并给它取个名字"开电视"这就创建了一个开电视的函数.在ActionScript2.O中创建函数的格式是:

function函数名称（）{

要执行的语句;

.....

}

比如要创建上面开电视函数,就这样写:

function开电视（）{

插电源;

开机;

选频道;

设音量;

}

函数创建以后,要调用这个函数只需:

函数名（）即可,比如我们要执行开电视的任务,只需输入:

开电视（）;

练习一下,我们来创建一个函数,然后调用它.打开第一帧的动作面板,输入:

functiontest（）{

trace（"我会写函数了"）;

}

test（）;

测试影片,在输出面板中,会出现"我会写函数了"几个字.这个练习我们首先创建了一个叫test的函数,然后用test（）;调用了它.

有时会有这样的情况,在函数内的语句中要用到数据,在创建函数的时候,却不能确定这些数据,比如每次调用会用不同的数据.这时就会用到参数,调用时,通过参数将数据传递给函数.格式如下:

创建函数的格式:

function函数名称（参数1,参数2,…）{

要执行的语句

}

调用函数的格式:

函数名称（值1,值2,…）;

还是以开电视为例:

创建开电视函数:

function开电视（频道,音量）{

插电源;

开机;

选频道=频道;

设音量=音量;

}

调用函数:

开电视（12,28）;

调用后,电视打开,并将频道设为12,音量设为28.

练习:

在帧动作面板中输入:

function

test（a,b）{

c=a+b;

trace（c）;

}

test（3,5）;

测试影片,输出面板中应显示8.

了解了函数后,再来说方法就简单多了.上面已经说过,将函数附加到对象,就称为方法.AS中内置了很多方法,对于这些方法,我们不需要去了解它执行了些什么语句,只需要知道它可以完成的任务就行了.我们可以用:

对象名称.方法名称（）;

的格式来调用这些方法.比如有一个my_mc的影片剪辑元件,我们可以调用它的一些方法:

my_mc.stop（）;

my_mc.startDrag（）;

按钮：

在交互式的动画制作中,经常会用到按钮,比如我们会放上一个"播放"、"停止"、"重放"等按钮.有两种方式可以将按钮添加到舞台上,一种是从内部库中拖一个按钮到舞台上;另一种方法是自己创建一个按钮,这里主要介绍一下自己创建按钮的方法,因为常常有人会问:

为什么我创建的按钮点击它时不起作用?

这可能就是创建按钮时出了问题.现在点击"插入"菜单-"创建新元件",选择按钮,这时就进入按钮编辑窗口,可以看到,时间轴上只有4帧,分别是:

弹起,指针经过,按下,点击.特别要注意的是,点击那一帧,这一帧是点击的范围,因此这一帧是必须的,而且要注意的是,如果你的按钮是纯文字的,如Play,那么在这一幀应该画一个矩型,作为点击范围,不然,用户就只有点击到文字的笔划上才能触发按钮事件.在按钮编辑窗口中同样可以有很多层,比如第一层为图形,第二层为文字等.下面来制作一个按钮:

点击“插入”－“新建元件”，选择按钮，确定，这样就进入元件编辑窗口。

在弹起那一幀画一矩形，按钮大小吧。

黑色笔触，灰色填充。

在指针经过那一幀、按下幀幀、点击幀，插入关键幀。

在指针经过幀将矩形填充色变为深灰色。

在按下那幀，将边框线条粗细调为2。

新插入图层，建一静态文本框，输入“Play”.这样按钮就做好了。

现在可以将这个按钮从库中拖到舞台上，测试影片，看一下，当鼠标移到按钮上，点下按钮时的效果。

练习：

按钮的应用。

点击一下按钮，影片剪辑元件就向右移动一点。

新建一影片剪辑元件，就画一个园就行了。

将这个mc拖入舞台上，放到稍左一点的位置，打开属性面板，为其取名为：

my_mc。

新建一个按钮，然后拖入舞台,为其取名为：

yy_btn.新插入一层，命名为：

action，打开动作面板，输入：

yy_btn.onRelease=function（）{

my_mc._x=my_mc._x+10;

}

测试影片，点击一次按钮，园就会向右移动一点。

第三课AS基本语法

在第一课中我们己经介绍过,ActionScript是一部语言,即然是语言它就有它自己的语法

一、ActionScript语句是区分大小写的：

在ActionScript中英语字母的大小写具有不同的意义的.我们来看一个例子:

打开时间轴第一帧的动作面板,输入:

Name="Sanbos";

name="假博士";

trace（Name）;

测试影片,输出窗口将出现Sanbos,ActionScript区分开了Name和name.现在将代码改为:

Name="Sanbos";

Name="假博士";

trace（name）;

测试影片,输出窗口将出现:

undefined,没有输出内容

二、ActionScript语句以分号作为每句的结束符号:

以上面的代码为例,把它写成一行：

Name="Sanbos";name="假博士";

trace（Name）;

这时ActionScript将这一行看成三句指令,每句中间用分号分开.测试影片,输出窗口将出现Sanbos.那么将三句指令中间的分号去掉,那么,输出窗口会出现语法错误的提示.所以我们应该养成,每一个语句结束时,输入一个分号的习惯

三、关于点语法

在ActionScript中,应使用点（.）来访问对象的属性和方法.比如在舞台上有一个叫mymc_mc的影片剪辑元件,我们要访问它的属性和方法,就需要使用点,比如:

mymc_mc._x

在对象的名称后面输入一个".",然后输入其属性和方法的名称.

点的另一个作用是相当于路径,就相当于文件系统如:

c:

/windows/…中的"/".比如我们一个动画,主时间轴或者说舞台,在ActionScript2.O中被写为_root,舞台上有一影片剪辑元件my_mc,如果要写my_mc的_x属性,就应该这样写:

_root.my_mc._x

你可能会说,我常看到只写了my_mc._x,没有_root.这种情况在主时间轴的帧动作上的,程序本来就在_root上,就可以省略.如果在舞台上加一个按钮用来设置舞台上mc的_x属性,用_root.对象的层次更清楚一些。

如果代码是写在mc内部，就要加上_root或_parent了。

如在按钮上就要这样写:

on（release）{

_root.my_mc._x=200;

}

又比如,做一个mc动画,在mc的第一帧写上stop（）;放在舞台上,然后在舞台上放一按钮来控制mc播放,那么在按钮上的程序就应该这样写:

on（release）{

_root.my_mc.play（）;

}

四.注释

ActionScript中注释用来解释和说明语句的作用.而注释本身是不被执行的.注释有两种,一种是单行注释,一种是多行注释.单行注释是以//开始到本行未尾.如:

trace（"单行注释"）;//这是单行注释

测试影片时从双斜杠开始以后的都不会执行.

另一种注释方式是多行注释,它是以/*开头,以*/结束的.如:

/*这是多行注释

在这个注释范围内的语句

都不会被执行*/

trace（"多行注释"）;

数据类型:

计算机执行程序时处理的数据,与我们数学中的数字是不同的.数字只是数据的一种,在ActionScript中有很多种不同类型的数据,下面介绍一下几种主要的数据类型：

Number：

数字数据类型

uint：

正整数

int：

整数

String：

字符或者叫文本,String数据类型常常用引号括起来,如:

Mystring="abc"

Boolean：

布尔值,它只有两个值:

true、false,分别是真和假的意思.也就是"是"和"不是"的意思

Object：

可以里解为对象

数据类型的转换：

虽然数据有不同的类型,但各种类型之间是可以转换的.就象现在流行的变性手术一样,做了一二十年的男人,突然想做女人了,做个变性手术就行了.在ActionScript中就简单多了,下面来看看怎样转换

将数据转换为数值类型:

数值类型有三种,用下面三个函数可以将真它数据类型转换为数值:

Number（）

int（）

uint（）

对于不能被转换为数值的数据如英文字母,汉字等,int（）,uint（）则返回0,而Number（）则返回NaN.

练习:

在帧动作面板中输入:

a="123";

b="abc";

c=int（a）;

d=int（b）;

e=Number（b）;

trace（"c="+c+newline+"d="+d+newline+"e="+e）;

测试影片,在输出窗口会出现:

c=123

d=0

e=NaN

来看看这几句代码:

a="123";这个"123"是用引号括起来的,那么它就是字符（String）,它不是一个数值,而是由三个字符组成的字符串,它被读为:

一二三.

b="abc"更不用说是字符串了.

c=int（a）;将a从字符串转换为数值了,那么c就为123,被读为:

一百二十三.

d=int（b）;很显然abc是不能被转换为数值的,当不能被转换为数值时,int（）返回0,所以d为0.

e=Number（b）;当不能被转换为数值时,Number（）返回NaN,所以e为NaN.

如果要将布尔值转换为数值,那么ture将被转换成1,false则被转换为0.

如:

a=ture;

b=false;

c=int（ture）;//c为1

d=int（false）;//d为0

另外int和uint类型都是整数,如果被转换的数据为小数点的,那么它们会只返回整数部分,如:

a="3.5";

b=int（a）;//b为3

c=Number（a）//c为3.5

这时我们立即就会想到可以用int（）,uint（）来取整,是的可以,不过需要注意的是它们是将小数点及后面的省略,而不是四舍五入

将数据转换为字符串：

用String（）可以将数据转换为字符串.如:

a=5;

b=8;

c=String（b）;//c为"8"

d=a+c;

trace（d）;

测试影片输出为58（读作:

五八）,这是因为c是字符,不能进行数学计算,只能是两个字符连接.如果将d=a+c;改为:

d=a+b;测试时就输出13.

将数据转换为布尔值:

只介绍一种情况,将数值转换为布尔值.如果数值为0,则被转换为false,否则转换为true.仅管有Boolean（）函数来转换,但我们应该不会用它,但这并不意味着我们不会用到这种转换,来看个例子:

My_mc._visible=0;

这句让元件不可见的代码,我们经常用到,mc的_visible属性是是否可见的意思.设置这个属性只能用布尔值,即true（是）和false（不是）.但上一句我们确用的0,那么在执行这句代码时,ActionScript会将0转换为false,然再执行.所以上句代码实际执行的是:

my_mc._visiblc=false;

这里可以看出,如果我们直接写成:

my_mc._visiblc=false;

计算机执行速度要快些,因为它不需要转换,当然你说,我写0要快些,那就随你高兴罗.

数据被存放在计算机内存之中,内存被分成很多个小房间,每个房间里存放一个或多个数据,为了便于使用这些数据,我们给这些房间取上一个名字,这就是我们要介绍的另一个重要概念:

变量:

变量用来存放数据,它是一小块内存的代号,如上所说,它就是内存中存放数据的小房间的名称,要创建一个变量,它的语法是:

var变量名称:

数据类型

比如:

vara:

Number

这就声明了一个变量a,它的数据类型是数值.运行下面的代码:

vara:

Number;

a=10;

trace（a）;

输出面板将显示10.

vara:

Number;

a=b;

trace（a）;

输出面板将显示:

undefined,这是不知道的类型.因为声明的变量a是数值类型,而给它赋值却是b,b不是数值,所以输出结果就只好说:

不知道你在说什么?

上面a=10中的"="号是赋值,即将10放到变量a中.在声明变量的同时就可以给它赋值,如:

vara:

Number=10;

你可能要说,前面你怎么就写的:

a=10;

是的,在ActionScript2.0中我们还可以直接写:

a=10,它实际上就是:

vara=10,但这是最后的晚餐了,在ActionScript3.0中就必须写var了.

上面介绍过,变量就象是内存中的一个房间,里面存放着数据.那个这个房间就是一人一间制.比如原来a房间中住着