《Adobe Flash CS5 ActionScript 3.0中文版经典教程》——1.3 使用代码片断添加ActionScript

1.3 使用代码片断添加ActionScript

Flash影片主时间轴上的任意一个关键帧以及影片剪辑元件里的任意一个关键帧,都可以添加ActionScript代码。在编译后的Flash项目的播放过程中,当播放到某一帧时,如果其中包含代码,它们就会被执行。

Flash里所有时间轴上的代码都在“动作”面板里编写,从Flash里的“窗口”菜单中可以打开它,或者按F9键(Windows)或Option+F9组合键(Mac)。

在后面的课程里还会介绍如何在外部ActionScript文件里编写ActionScript代码,但是目前我们只在“动作”面板里创建代码。

除了直接在“动作”面板里输入代码,还可以利用“代码片断”面板给“动作”面板添加代码。代码片断是预先编写好的ActionScript 3.0代码段,可以方便地添加到项目里,稍做修改就可以使用。代码片断是ActionScript入门的一种好方式,对提高我们的编程能力大有帮助。

添加导航至URL的代码片断
在Flash CS5的“窗口”菜单里可以找到“代码片断”面板。当给项目添加代码片断时,它会被添加到“动作”面板,不必由我们自己输入。在代码片断被放置到“动作”面板之后可以随意编辑,允许我们根据需要对其进行修改。

为了展示如何使用代码片断,我们添加一些代码,从而在单击按钮时链接到Flash支持页面。

首先在场景中添加按钮。

1.打开lesson01_start.fla文件,在场景和时间轴可见的情况下从buttons层选择第1帧。

2.打开“库”面板(选择“窗口”>“库”命令)。

3.从“库”面板里把Button的一个实例拖放到场景的右下区域。

4.打开“属性”查看器(选择“窗口”>“属性”命令)。

5.选中场景中的按钮,在“属性”查看器的实例名称字段输入help_btn。在Flash里,所有要由ActionScript控制的对象都需要指定一个实例名称。

说明:
“属性”查看器有时也称做“属性”面板。
6.在按钮实例被选中的情况下,在“属性”查看器的“组件参数”区域里找到“Label”字段,输入Flash Support。

说明:
按钮是Flash CS5提供的一个组件。在以前版本的Flash里,像“Label”这样的组件参数可以在“组件”查看器里修改。在Flash CS5里没有“组件”查看器,组件参数都在“属性”查看器里修改。后面的课程将会介绍更多关于组件的知识,以及如何利用ActionScript控制组件参数。
添加代码片断

根据需要的功能不同,代码片断有多种应用方式。如果像本例这样需要在用户单击按钮时执行一些代码,应用代码片断的方式就是先选择场景中的按钮,然后再应用代码片断。现在就对实例进行这种操作。

1.打开“代码片断”面板(选择“窗口”>“代码片断”命令)和“动作”面板(选择“窗口”>“动作”命令)。

2.选中场景中的help_btn实例。

3.在“代码片断”面板里展开“动作”文件夹。

4.在“代码片断”面板里双击名为“单击以转到Web页”的代码片断。现在,时间轴actions层的第1帧的关键帧里有一个小写的字母a,它表示由代码片断生成的ActionScript已经保存到这一帧了。在“动作”面板里可以看到如下的代码。

/* Click to Go to Web Page

Clicking on the specified symbol instance loads the URL in a

 new browser window.

Instructions:

1. Replace http://www.adobe.com with the desired URL address.

Keep the quotation marks ("").

*/

help_btn.addEventListener(MouseEvent.CLICK,

fl_ClickToGoToWebPage);

function fl_ClickToGoToWebPage(event:MouseEvent):void

{

navigateToURL(new URLRequest("http://www.adobe.com"),

 "_blank");

}

5.选择“控制”>“测试影片”>“在Flash Professional中”命令测试影片。

说明:
在需要播放Flash时间轴时,如果习惯于按Enter键(Windows)或Return键(Mac),或者从菜单里选择“控制”>“播放”命令,那么现在应该转变为从菜单里选择“控制”>“测试影片”>“在Flash Professional中”,或者按Ctrl+Enter组合键(Windows)或Command+Return组合键(Mac)。在以这种方式预览时,文件会像在实际用户环境中一样播放,执行全部的ActionScript代码。从现在开始,只要我们说“测试影片”,就表示以这种方式预览Flash文件。
6.在测试环境中单击help_btn,代码就会用计算机默认的浏览器打开Adobe主页。

修改代码片断
代码片断是纯粹的ActionScript代码,能够很轻松地进行修改。查看“动作”面板里目前的代码片断,可以发现代码的第一个部分是灰色的,包含对代码的描述和修改建议。Flash CS5里全部代码片断都包含这样的注释,帮助我们理解其中的ActionScript代码。注释对向自己和他人说明代码的功能是非常有用的,稍后我们将更详细地讨论它。

现在根据代码片断里的提示修改ActionScript里的URL。

1.找到下面这行代码。

navigateToURL(new URLRequest("http://www.adobe.com"),

 "_blank");

2.把引号之间的URL修改为。

http://www.adobe.com/support/flash

3.选择“控制”>“测试影片”>“在Flash Professional中”命令。这次单击按钮时,就会在浏览器里打开Adobe站点的支持部分。代码中的URL可以是任何内容,单击按钮就会让浏览器打开指定的页面。

在学习完本课之后,我们就会掌握自己编写这段代码所需的全部知识,而这些知识将会产生无限的创意可能。同时,我们可以利用“代码片断”面板里提供的动作立即给项目添加交互功能。使用这个面板还有助于我们深入了解如何创建可用的代码并根据需要进行修改,从而对整个学习过程有所帮助。

下一课还将使用“代码片断”面板,但现在需要先编写一些自己的ActionScript代码。

时间: 2024-12-22 16:41:27

《Adobe Flash CS5 ActionScript 3.0中文版经典教程》——1.3 使用代码片断添加ActionScript的相关文章

《Adobe Flash CS4 ActionScript 3.0中文版经典教程》——1.5复习

1.5复习 Adobe Flash CS4 ActionScript 3.0中文版经典教程 复习题 1.可以使用什么ActionScript代码来导航到时间轴的特定帧? 2.可以使用哪个关键字来创建一个新的ActionScript变量? 3.在ActionScript中,条件语句的作用是什么? 复习题答案 1.要导航到时间轴的特定帧,可以使用gotoAndPlay()或gotoAndStop()语句.圆括号中的值是指要导航到的特定帧.例如: gotoAndPlay(1); gotoAndPlay

《Adobe Flash CS5 ActionScript 3.0中文版经典教程》—— 导读

前言 Adobe Flash CS5 专业版提供了一个功能完善的工作环境,为操作二维和三维动画.声音.矢量和位图图形.文字以及视频提供了多种工具.ActionScript 3.0 是一款集成在 Flash CS5中的高级编程语言,可用来开发丰富的交互式项目.结合所学到的 ActionScript 技术,用户可以使用 Flash 软件所提供的设计和动画工具为Web.桌面和移动设备创建丰富的交互式程序.游戏.电子学习内容和电子商务工具. 关于本书课程 本书是 Adobe Flash 平台的官方培训系

《Adobe Flash CS5 ActionScript 3.0中文版经典教程》——1.4 在Flash时间轴上放置代码

1.4 在Flash时间轴上放置代码 1.4.1 使用帧标签 在开始添加ActionScript之前,注意在时间轴上有一个图层称为"说明"(Label).在这个图层中,第2帧有一个标签,称为loop,第50帧有一个标签,称为home.在Flash中可以向任意时间轴上的任意关键帧添加标签,用来标记一些关键的位置.ActionScript可以使用标签来控制导航.如果以前没有使用过标签,可以实践一下,在第30帧上给时间轴添加一个标签. 1.选择时间轴上标签图层中的第30帧. 2.按F6键或选

《Adobe Flash CS5 ActionScript 3.0中文版经典教程》——1.2 开始

1.2 开始 在Flash CS5里打开Lessons>Lesson01>Start文件夹下的lesson01_start.fla文件,它包含了层.图形和动画.巡览时间轴(也就是单击播放块,向左或向右拖动它),就会看到前30帧包含一个动画,第50帧包含交互界面的背景. 如果此时运行影片,它只会从头到尾播放整个时间轴,在返回到开始之前短暂地显示一个界面.稍后我们将向这个文件中直接添加ActionScript代码,控制时间轴的播放.但首先我们要利用"代码片断"面板添加一个指向U

《Adobe Flash CS5 ActionScript 3.0中文版经典教程》——1.5 关于自学的一些建议

1.5 关于自学的一些建议 为了熟练使用本章中所介绍的这些技术,可以尝试下列练习. 通过变更条件语句来更改动画重复的次数. 更改第50帧中的代码,在info_txt里显示其他内容. 在场景中添加文本区域,并为其命名,尝试编写一些ActionScript代码在其中显示文本. 新建一个文件,查看"代码片断"面板创建的其他ActionScript,尝试修改这些代码.如果导致代码不能正常工作,可以重置代码片断.

《Adobe Flash CS4 ActionScript 3.0中文版经典教程》——ActionScript 3.0简介

ActionScript 3.0简介 在开始学习本书课程之前,最好花点时间了解一下ActionScript的历史以及Adobe ActionScript 3.0如何适用于Adobe Flash和Flash平台. Flash和ActionScript的简要历史 自从Flash在1996年发布以来,Flash和ActionScript是同步发展的.当前,将Flash CS4所提供的设计和动画工具与ActionScript 3.0的高级交互功能相结合,它提供了功能更为强大.使用更为广泛的开发环境:但是

《Adobe Flash CS4 ActionScript 3.0中文版经典教程》——1 导航Flash时间轴 1.1 课程概述

1 导航Flash时间轴 1.1 课程概述 本课主要内容包括: 通过"动作"面板向时间轴添加ActionScript. 向时间轴上的帧添加标签. 通过添加到时间轴的ActionScript来控制播放功能. 在测试环境中将Flash项目作为SWF文件预览. 在ActionScript中更改动态文本字段的内容. 使用ActionScript变量跟踪数值变化. 使用条件语句响应动画循环.本课学习大约需要两个小时. Flash时间轴是创建动画的一个非常有用的工具,它提供了建立Web站点的环境,

《Adobe Flash CS4 ActionScript 3.0中文版经典教程》——1.2 开始

1.2 开始 选择光盘中的Lessons > Lesson01 >Start文件夹,打开lesson01_start.fla文件.如图1.1所示,该文件包含多个图层.图像和动画.如果在Flash时间轴上拖拉(即用鼠标按住进度条的开始部分,并左右拖动),可以看到在帧30上包含一个动画,帧50上包含交互界面的背景. 说明:如果你习惯于通过按下Enter(Windows)键或Return(Mac)键或选择"控制">"播放"命令通过播放影片,你应当切换到&

《Adobe Flash CS5 ActionScript 3.0中文版经典教程》——1.6复习

1.6复习 复习题 1. 使用什么ActionScript代码可以导航至时间轴里的特定帧? 2.创建ActionScript变量所使用的关键字是什么? 3. ActionScript里条件语句的作用是什么? 复习题答案 1.要导航到时间轴的特定帧,可以使用gotoAndPlay()或gotoAndStop()语句,圆括号中的值是要导航到的特定帧.例如, gotoAndPlay(1); gotoAndPlay("home"); 2.在ActionScript中,创建变量的关键字是var.