手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash AS 入门 条件判断语句 if、else使用介绍
Flash AS 入门 条件判断语句 if、else使用介绍
摘要:这篇教程为“FlashAS入门教程”的一部分。查看全套教程>>>>。源文件下载本节应掌握的知识要点:①条件判断语句i...

这篇教程为“Flash AS 入门教程”的一部分。查看全套教程>>>>。

Flash AS 入门 条件判断语句 if、else使用介绍1

源文件下载

本节应掌握的知识要点:

①条件判断语句if、else的应用;②trace语句应用;③动态文本应用;④在动作中使用“帧标签”定位;⑤认识“输出”面板;⑥比较运算符“<”、自加运算符“++”;⑦了解常量、变量、表达式。

条件判断语句在flash中是实用性很强、使用也很频繁的语句,这一节将学习条件判断语句“if、else”以及“trace”语句的应用。

if是最基本的条件判断语句,结合else使用是最常见的形式,在flash中具有很高的实用性,其格式如下:

if(条件) { //小括号里的条件是一个计算结果为 true 或 false 的表达式。

这里是当条件计算为true时执行的指令

}else{ //否则

当条件执行为false时执行的指令

}

trace语句是在测试代码时经常使用的语句,其格式是:trace()

小括号“()”中的参数为变量或表达式,其作用是,当按【Ctrl + Enter】键测试动画时,把小括号“()”中指定的变量的值或表达式的计算结果在“输出”面板中显示出来,以便在测试时检查程序代码是否正常,这是一个检查代码的非常方便的方法。

动态文本是在动画播放时显示动态更新的文本字段。

下面我们用一个简单的实例来解析条件判断语句的效果,请看“实例1-5”:

>>>>>点击查看动画效果<<<<<

实例1-5条件判断语句if、else应用

点击画面上的“play”按钮,小松鼠奔跑三个来回后,跳到另一个画面中原地反复翻转跳跃,点击“replay”按钮将再一次从第一个画面反复播放。这个效果就是用了条件判断语句if和else实现的。

打开源文件,从源文件中点击时间轴右上角的【编辑场景】按钮,显示出这个动画文件里有“场景1”和“场景2”两个场景。

“场景1”的右下角有一个动态文本框。【mc】图层上有一个长度为40帧的动作补间动画,第1-20帧,小松鼠从场景的左边跑到右边,第21-40帧,又从右边跑回到左边,如此来回奔跑。

“场景2”的右下角也有一个动态文本框。时间轴上共有20帧,在【mc】图层上,第1至20帧是一个补间动画,小松鼠从场景左端跑到场景中心原地跳跃,到第30帧上,小松鼠翻转身面朝左方依然原地跳跃。

注意看看,场景2【AS】图层的第20帧上有一个小红旗标志,还有一个小写子母“p”,这是一个名称为“p”的帧标签。

再来看看源文件中的动作脚本,场景1【as】图层上设置的语句:

第1帧上的语句:stop(); // 在第1帧停止播放。

第2帧上的语句:i = 1; //设置一个变量i,并赋初始值为1。

第40帧上的语句:

if (i<3) { // 当i小于3时

gotoAndPlay(3); // 跳转到第3帧并播放

} else { // 否则(当不符合i<3的条件时)

gotoAndPlay("p"); // 跳转到帧标签”p”的位置并播放

}

trace(i); // 在输出面板上显示变量i的值

t_txt=”i= ”+i; //在变量名为t_txt的动态文本框中显示字符串”i=”并上i的值。(这里的+号是连接符,相当于add)

i++; //变量i自加1,等同于i=i+1

“play”按钮上的语句:

on (release) {

play();

} // 点击按钮时开始播放

场景2【AS】图层第40帧上的语句:gotoAndPlay("p"); // 跳转到帧标签“p”处并播放

“replay”按钮上的语句:

on (release) {

gotoAndPlay(“场景 1”,2);

} // 点击按钮时跳转到场景1第2帧并播放

我们来分析一下语句执行的过程,影片开始时停止在第1帧,点击“play”按钮即开始播放,当播放头前进到第40帧时,由if语句开始第1次判断是否符合i<3的条件,由于在第2帧定义了变量i的初始值为1,此时判断的结果为true,这时执行if后面大括号“{}”中的语句,播放头跳转到第3帧再次播放,同时“输出”面板中显示出i的值为“1”,如图1-9。这时,动态文本框中也会显示出文本字段“i= 1”.接下来i自加1,值变为2。

当播放头第2次前进到第40帧时,此时i的值为2,依然符合i<3的条件,播放头跳转到第3帧再次播放,“输出”面板中显示此时i的值为“2”,如图1-9,动态文本框中显示出文本字段“i= 2”。i再次自加1,值变为3。

当播放头第3次到达第40帧时,此时i的值为3,超出了if语句中所指定的i<3的条件了,这时便执行else后面大括号“{}”中的语句,播放头跳转到帧标签“p”处,也就是场景2第20帧并播放,场景2第1至20帧小松鼠从场景左端跑到场景中心的动画效果就被迈过了,这时“输出”面板中显示i的值为3,如图1-9。动态文本框中显示出文本字段“i= 3”。当播放到第30帧时,小松鼠翻转身继续在原地跳跃,到第40帧时,由帧动作脚本gotoAndPlay("p")指令其跳转回第20帧再次播放,如此就形成了在第20至第40帧之间反复播放,我们看到的实际效果就是小松鼠不停的在原地翻转跳跃。

这样就实现了小松鼠在场景1来回奔跑3次后,跳到下一个场景在原地反复翻转跳跃的效果。

当点击“replay”按钮时,由gotoAndPlay(“场景 1”,2);指令播放头再跳转到“场景 1”第2帧重新播放(场景名必须与影片文件中的场景名称一致),此时i的值为1,再次按照上面的判断过程继续播放。

Flash AS 入门 条件判断语句 if、else使用介绍2

图1-9 输出面板上依次显示i的值

这一节中新的知识点:

动态文本:是在动画播放时动态更新的文本字段,定义动态文本的方法是,用文本工具在场景上划一个适当大小的文本框,在属性面板中将文本类型设置为“动态文本”,并在右下方的【变量】输入栏中为其定义一个变量名。命名文本字段时,应使用 _txt 后缀。

帧标签:是动画文件中为关键帧添加的命名标记,如本节实例中的帧标签“p”。帧标签在动作脚本中可以起到方便的导航作用,在设计动画时,往往会调整某些关键帧的位置,如果使用了帧标签,就不必一一修改动作脚本中的相应位置参数,比如,我们如果要把上面实例中的跳转动作改为跳转到场景2第1帧,就可以直接把帧标签为“p”的那个关键帧移到第1帧就行了。对于跳转动作比较多的动作脚本特别有用。

添加帧标签的方法是,选中关键帧,在“属性”面板中输入名称,帧标签名称可以是任意字符。添加有帧标签的关键帧上会出现一面小红旗标志,标志后面会显示帧标签名称。如图1-10所示。

Flash AS 入门 条件判断语句 if、else使用介绍3

图1-10 添加帧标签

常量:是在程序运行中不会改变的量,例如i=1、i<3,“1”和“3”就是一个常量。

变量:是一种用英语字母、英语单词或者字母组合来表示的标识符,不能用数字开头。变量用于保留任何类型(字符串、数字、布尔值、对象、影片剪辑)的数据值。如这一节中的变量“i”。

表达式:表达式是动作脚本中最常见的语句, 它通常由变量名、 运算符及常量组成。如这一节里面的i=1;i<3等都是简单的表达式。

左边的“i”是变量名, 中间的“=”是赋值运算符(注意,这里这个等号“=”不表示相等,只表示将右边的值赋给左边的变量,相等操作符用“==”表示),“<”是比较运算符, 右边的数值是常量。由这个表达式可以声明一个变量, 为下一步操作做准备。

表达式又分为赋值表达式,如i=1, 算术表达式,如x=3/5,逻辑表达式,如i<3。

课后练习:

Flash AS 入门 条件判断语句 if、else使用介绍1

素材源文件下载

要求:

1. 素材源文件中有两个场景,分别将其命名为“a”、“b”;

2. 将“b”场景的第31帧命名为“p”;

3. 在“a”场景左下方创建一个动态文本框,并为其定义变量名,要求按照文本类型正确添加后缀;并将这个动态文本框复制粘贴到“b”场景左下方。

4.在“a”场景的【as】图层添加语句实现如下效果:

①动画开始播放时停止在第1帧;点击“play”按钮开始播放。

②在第2帧定义一个变量“i”,并根据下面要求的效果正确设定初始值;

③当播放头到达第40帧时,根据判断条件进行下一步的播放,判断条件为:变量i是否等于3。当条件成立(即i等于3)时,跳转到帧名称为“p”的位置并播放;当条件不成立(即i不等于3)时,跳转到当前场景第3帧并播放;判断完成后在输出面板中显示i的值;在动态文本框中显示文本字段”i=”并上i的值;要求第一次显示i的值为“0”;最后i自加1。

5.在“b”场景的【as】图层添加语句实现如下效果:

按照以上的条件,当变量i等于3时,播放头跳转到帧名称为“p”的位置(即“b”场景的第31帧)继续往下播放。再按照下面的要求实现效果:

①当播放头到达当前场景第90帧时,根据判断条件进行下一步的播放,判断条件为:变量i是否等于6。当条件成立时,播放头跳转到当前场景第1帧并播放,否则跳转到帧标签“p”处并播放;判断完成后在输出面板中显示i的值;在动态文本框中显示文本字段”i=”并上i的值;最后i自加1。

②根据以上条件判断,当条件不成立时,播放头跳转到了当前场景第1帧并播放,到达第30帧时,再一次根据设定的条件进行判断,判断条件为:i是否小于10。当条件成立时,播放头跳转到当前场景第1帧并播放,条件不成立时,播放头跳转到“a”场景第1帧,即回到动画的初始状态;判断完成后在输出面板中显示i的值;在动态文本框中显示文本字段”i=”并上i的值;最后i自加1。

6.动画测试时,输出面板中显示的值依次应为:0、1、2、3、4、5、6、7、8、9、10。

动画测试和播放时,动态文本框中显示的文本字符应依次更新为:“i=0”、“i=1”、“i=2”、……“i=10”。

动画效果如练习5所示:

>>>>>点击查看动画效果<<<<<

练习5

提示:语句中注意正确使用运算符,请参见上面“表达式”解释中关于运算符的提示。语句中引用到的场景名称必须和场景的实际名称相符。

这篇教程为“Flash AS 入门教程”的一部分。查看全套教程>>>>。

【Flash AS 入门 条件判断语句 if、else使用介绍】相关文章:

Flash AS3 制作文字飞出动画

Flash模仿制作出蜘蛛网动画效果实例教程

flash as3.0中get与set的用法与案例代码

Flash三方软件简单快速制作水波GIF动画特效

Flash游戏开发:BitmapData的使用

Flash常用ActionScript控制语句基本用法

Flash CS4新功能介绍

Flash AS 入门教程 碰撞检测hitTest函数

Flash AS代码编写模拟打字效果的动画特效

Flash动画如何编辑修改?巧用精灵快速编辑Flash动画介绍

精品推荐
分类导航