ActionScript3.0基础教程.ppt
Animate CC课件制作案例教学经典教程PPT课件(共12章)第6章课件的交互与导航
给按钮实例命名
实 例 命 名 遵 循 以 下 的 简 单 规 则 。 （ 1 ） 除 下 画 线 外 ， 不 能 使 用 空 格 和 特 殊 标 点 符 号 。 （ 2 ） 不 能 以 数 字 开 头 。 （ 3 ） 区 分 大 小 写 。 （ 4 ） 建 议 按 钮 名 称 的 末 尾 用 “ _ b t n ” ， 虽 然 不 是 强 制 ， 但 有 助 于 对 按 钮 元 件 的 标 识 。 （5）不能使用 Flash ActionScript 关键字和预留的任何单词。 为每个按钮实例命名是为了更好地 被 AS3.0 引用，这容易被初学者忽略，但是它是至关重要的步骤，希望大家能够牢记。
（6）在“属性”面板中把 X 和 Y 值均设置为 0。“量筒” 图像左上角将与元件中心点对齐。
（7）在时间轴上选择“点击”帧，并选择“插 入”→“时 间轴”→“帧”命令，扩展时间轴。此时“量筒按钮”元 件将出现“弹起”、“指针经过”、“按 下”和“点击”4 种状态（如上图所示）。将元件命名为“Singer”，并设 置“类型”为“影片剪辑”
直接复制按钮元件
既然创建了一个按钮，其他按钮就容易创建了。只需要复制一个按钮，在下一节中更改图像和声 音，然后继续此操作直至所需按钮制作完毕。
在“库”面板中选中“量筒按钮”元件右击，在弹出的快捷菜单中选择“直接复制” 命令。在 “直接复制元件”对话框中选择类型为“按钮”，并重命名为“烧杯按钮”（如下图所示）。然 后单击“确定”按钮。
创建一个按钮
（1）在“库”面板上创建文件夹，命名为“仪器 按钮”。 （2）选择“插入”→“新建元件”命令。
（3）在“创建新建元件”对话框中，选择类型为“按钮” 并把文件命名为“量筒按钮”（如上图所示），单击“确 定”按钮，将按钮移至“仪器按钮”文件夹中。 （4）双击创建的“量筒按钮”，进入新建元件的编辑界 面。 （5）在“库”面板中，展开名为“新元件”的文件夹， 把图形元件“量筒”拖曳到“舞 台”中间（如下图所 示）。
页设计基础知识
12
HTML? HTTP? URL?
B/S模式
服务器与 浏览器关系示意图
网页分类
静态网页 动态网页
客户端动态技术 服务器端动态技术
15
实践1
创建一个基本的网页：myindex.html 在本地计算机中访问这个网页 在浏览器中访问这个网页 区别是什么？ 构建网站的流程是怎样的？
组合、测试和部署站点
使用dreamweaver等编译资源，测试代码，将站 点发布到服务器上
使用dreamweaver等保持内容的更新
维护、更新站点
18
网页基本元素
导航栏 表单 动画 超链接 文本 表格 图片 声音和视频 其他常见元素
19
网页标准的组成
Web2.0网页标准：
结构标准语言：xhtml和xml 表现标准语言：css 行为标准语言：dom、ecmascript
20
结构标准语言
Xml可扩展标记语言：满足网络信息发布的需 要，网络数据的转换和描述 Xhtml可扩展超文本标记语言：是html向xml过 渡的一个桥梁，是一个引导人们逐步走向规范 的过渡方案
3
网页动态元素的使用
Flash基本动画特效 网页中常见的动画元素 Flash ActionScript3.0基础知识 Flash交互应用程序的创建
4
教材
主教材
《 CSS网页设计标准教程》人民邮电出版社
参考教材
《网页制作综合技术教程》 网址：校课程中心网站《网页设计》(矫) 《 Dreamweaver cs3网页制作基础教程》 《dreamweaver 与xml综合应用》 《flash 网站制作创意与表现》
金鹰flash cs3 AS ActionScript 3.0类、组件高级编程视频教程
金鹰flash cs3 AS ActionScript 3.0类、组件高级编程视频教程教程包含：教程1：金鹰FLASH.CS3活学活用【压缩后532MB】教程2：Flash CS3 ActionScript 3.0组件高级编程(压缩后 532MB)教程3：Flash CS3 ActionScript 3.0类编程入门到精通(压缩后780MB)教程4：Flash CS3 AS3声音视频高级编程(官方价:380元)【压缩后668MB】教程5：Flash ActionScrip 3.0实用教程(官方价:280元)【压缩后380MB】教程6：Flex3.0快速入门(官方价:160元)【压缩后547MB】教程7：金鹰Flash.ActionScript编程视频教程Flash 8版【压缩后180MB】教程8：Flash ActionScript 3 殿堂之路 AS3 视频教程+源码【87MB】教程9：Flash ActionScript 3.0从入门到精通【pdf版 50MB】软件10：Flash SWF格式转换器AVI/MPEG/3GP/MP4视频转换软件教程11：Flash ActionScript3.0编程视频教程【270MB】教程12：Flash ActionScript3.0完全自学视频教程【压缩后1.3GB】教程13：Flash ActionScript 3.0从入门到精通视频教程【大小：1.9GB】教程14：图灵出版社Flash ActionScript 3.0动画教程+Flash ActionScript 3.0动画高级教程【格式：PDF大小：50MB】教程15：flash ActionScript从入门到精通视频教程【格式：W M V 大小：120MB】教程16：Flash CS5.5 AS ActionScript3.0动画编程制作视频教程【格式：swf 大小：685MB】教程简介：教程1：金鹰FLASH.CS3活学活用内容介绍:Flash CS3是ADOBE公司最新出品的FLASH版本，在这里我们将进行更深层次的学习，对这个版本的新功能和新特色进行全面、简单的讲解，使大家更好的掌握和学习。
001flash教程
五、了解帧和图层
与电影胶片类似，Flash动画的基本单位为帧，多个帧上的画面 连续播放，便形成了动画。图层就像堆叠在一起的多张幻灯片， 每个图层都有独立的时间轴。如此一来，多个图层综合运用， 便能形成复杂的动画。
六、测试动画
方法1：在制作动画过程中，按下【Enter】键，可以测试动画 的播放效果；反复按【Enter】键可在暂停测试和重新测试之间 切换。 方法2：为了在编辑环境中测试动画效果，还可选择“窗 口”>“工具栏”>“控制器”菜单，打开 “控制器”进行测试。 方法3：如果希望测试动画的实际播放效果，可按【Ctrl+Enter】 组合键，打开Flash Player播放器进行测试。
4.单击编辑栏右侧的 “缩放”三角按钮，可 在打开的下拉列表中选 择不同的显示比例和命 令，快速调整舞台大小
5.将舞台放大后，如果希望查 看没有被显示的区域，可拖动 舞台下方或右侧的滚动条
6.选择工具箱中的“手形工 具” ，然后在舞台上按住鼠标 左键并拖动，也可移动舞台
二、使用网格、标尺和辅助线
1.4 一些必要知识的补充
一、放大、缩小和移动舞台
1.选择工具箱中的“缩 放工具”，然后将光标 移动到舞台，此时单击 可将舞台显示比例放大
2.选择“缩放工具” ，然 后将光标移动到舞台中并 按下【Alt】键，此时单击 可缩小舞台显示比例
原图
放大舞台
缩小舞台
3.选择“缩放工具”，然后在 舞台中按住鼠标左键并拖动， 拖出一个矩形框，松开鼠标后， Flash将自动设置缩放比例，使 矩形框内的区域填满整个窗口
使用“历史记录”面板可一次性撤销或恢复多步操作 。
向上拖动滑快到 需要撤销的最终
操作记录
ActionScript3实现真实放大镜效果
ActionScript3实现真实放大镜效果[摘要] 随着Flash技术运用在应用程度开发、多媒体课件开发、教学案例开发、web应用服务等方面，如何制作出符合真实的效果，以成为当下关注的问题。
该文阐述了利用ActionScript3语言来实现真实放大镜的效果的方法，从而取代原先利用遮罩和层的技术来实现放大镜动画效果的方法。
[关键词] Flash ActionScript放大镜1.概述原先我们在制作层和遮罩的技术将放大镜的效果给呈现出来，但在用户看来非常的不真实，并且在自定义方面也做的不够，不能任意换取背景图片和改变放大镜的样式。
随着ActionScript语言的不断完善，我们可以不使用时间线就能完成互动的要求，并且可以任意修改变量的属性值，将完成我们想要实现的效果。
2.开发语言ActionScript3.0介绍ActionScript3.0 是Adobe 公司为了适应新的形势需要而推出的面向开发人员的一门脚本语言。
ActionScript3.0 与JavaScript 语言相似，是基于ECMAScript(ECMA-262)第4 版规范创建的面向对象的编程语言，对应的虚拟机为A VM2。
它在FLASH 内容和应用程序中实现了交互性、数据处理以及其它许多功能。
3.设计介绍我们如何利用ActionScript3在flash中轻松创建放大镜效果。
下方是放大镜的效果图。
该应用程序易于用户自定义设置属性并在加载图片时显示进度条的加载状况。
何为自定义？1）任意更替背景图片，只需将图片放置到与swf文件同一目录下便可。
图片应该是相当高的分辨率，而显示的图片则会是按比例缩小的版本。
2）任意修改矩形放大镜的大小和样式，则需改变变量“glassWidth”和“glassHeight”的值，但如果要创建一个圆形的放大镜，也是修改上述两个参数的值，即“glassWidth”和“glassHeight”的值都为glass.graphics.drawCircle(glassWidth/2,glassWidth/2,glassWidth/2);显示load的加载进度条其实很容易，只需一个事件监听器附加到loader类的实例中，同时监听PROGRESS的事件，并将显示的结果输入到动态的TextField 中。
flash as3教程：语法知识
flash as3语法知识我们在学习一们外语的时候，首要学习他的语法。
而学习一门编程语言，也是如此。
语法是每一种编程语言最基础的东西，例如如何定义变量、使用表达式、进行基本的运算等。
ActionScript 3.0是一种基于ECMA-262规范的 我们在学习一们外语的时候，首要学习他的语法。
而学习一门编程语言，也是如此。
语法是每一种编程语言最基础的东西，例如如何定义变量、使用表达式、进行基本的运算等。
ActionScript 3.0是一种基于ECMA-262规范的脚本语言，其基本语法构成包括：标识符、关键字、数据类型、运算符和分隔符。
这5种元素有着不同的语法含义和组成规则，它们互相配合，共同完成ActionScript 3.0语言的语意表达。
本文将着重介绍ActionScript 3.0中的标识符、关键字、数据类型、运算符和分隔符等语法基础结构，以及ActionScrpt 3.0中的常量、变量等常用知识点，为更深入的学习ActinScript 3.0打下扎实的语法基础。
一、标识符 标识符是什么呢？简单的理解就是我们每定义一个变量，那么这个变量就称之为标识符，在ActionScript3.0中，不能使用关键字和保留字作为标识符。
包括变量名、类名、方法名等。
二、关键字 在ActionScript 3.0中，保留字包括“关键字”，我们不能在代码中将他们用作标识符。
下图列出ActionScript 3.0中的关键字。
详细大家可以查看官方提供的文档，这里我就不一一列出，文章尾我给出了ActionScript 3.0语言和组件参考在线文档的连接，下面是ActinScript 3.0关键字在线文档地址： 三、数据类型 数据是程序的必要组成部分，也是程序处理的对象。
数据类型描述一个数据片段，以及可以对其执行的各种操作。
数据存储在变量中，在创建变量、对象实例和函数定义时，通过使用数据类型类指定要使用的数据的类型。
flex入门完全教程
第一章Flex是如何工作的该部分文档的内容是为用户提供关于Adobe®Flex工作机制的一个快速综述。
通过本章节的学习，你可以创建你的第一个Flex应用程序，并将它与你以前所熟悉的Web开发技术进行比较，以领会Flex的内涵和精髓。
第一节构建并运行Flex应用程序Flex是一个提供开发设计和运行支持的架构，它可以使开发人员创建利用Adobe®Flash®Player9作为前台的“富客户端互联网应用程序/rich Internet applications/RIA”，以满足用户更为直观和极具交互性的在线体验。
开发Flex应用程序的典型步骤如下（通常是这样）：1.选取一系列预先定制好的、用于设计应用程序界面的组件（如表格、按钮等等）2.布置组件以设计用户界面。
3.使用样式和主题来增强视觉方面的设计。
4.添加动态行为（例如程序部件之间的相互作用）。
5.定义并连接所需的数据库服务。
6.将源代码编译成SWF文件，然后在Flash Player中运行。
一个典型的Flex应用程序包括如下元素：1.Flex frameworkAdobe®Flex2framework包含了创建RIA所需要的所有组件，它们是：用于应用程序布局规划的容器；针对用户界面和从用户处获取数据的控制（例如文本框和按钮）；广泛支持的数据绑定、数据格式化、以及有效值验证；事件驱动的开发模式。
Flex framework被包含在公用组件库（SWC）文件中。
2.MXML每个Flex应用程序至少包含有一个MXML文件，它被作为该程序的主文件。
MXML是一种标记语言，它是基于XML的一种实现，用来创建Flex应用程序。
你可以使用它去声明程序中所使用的标签结构的定义。
3.ActionScript3.0你可以使用ActionScript3.0为应用程序添加动态行为，它是基于ECMAScript的一种实现，类似于Jav aScript。
做中学 学中做-Flash CS6-模块06 ActionScript的应用
（2）新建图层，执行“窗口”→“公用库 ”→“buttons”菜单命令，打开“外部库”面板，选择2 个按钮元件拖入舞台中，调整位置。进入按钮元件内部，分 别修改文字为start和stop。
（3）选择start按钮元件，打开“动作”面板，输入如图所示脚本。两个按钮分别控 制小鸟的飞翔和停止。新建图层，在第1帧位置，打开“动作”面板，输入stop停止 脚本。
动手做3 使用“行为”——播放音乐 音乐的添加可以为动画增色不少，音乐的播放需要随着使用者的需求定制时，
控制音乐的播放也可以使用“行为”面板操作，具体操作步骤：
（1）选择“文件”→“新建”菜单选项，选择“ActionScript2.0”选项，新建一个 Flash文档，命名为“6-播放音乐”。 （2）执行“文件”→“导入”→“导入到舞台”菜单命令，将背景图片导入到舞 台中。打开“外部库”面板，拖入两个按钮元件，分别命名为“播放”和“暂停” 。 （3）进入“播放”按钮元件内部，对其稍作修改。在“指针经过”帧，使用“文 本工具”在按钮下方输入文本“播放”，并修改按钮颜色，如图所示。使用相同方法 修改“停止”按钮元件。
项目任务6-1 时间轴控制
动手做3 使用gotoAndPlay（）和gotoAndStop（）——制作跳转动画效果
Animate CC2017基础与实例教程 第6版第3章 基础动画
图3-41 设置文档属性
图3-42 设置文字属性
4）调出“对齐”面板，将文字中心对齐，结果如图3-43 所示。 5）执行菜单中的“修改| 分离”（快捷键〈Ctrl+B〉）命令两次，将文字 分离为图形。
6） 对文字进行描边处理。方法：单击工具栏上的 （墨水瓶工具），将 笔触颜色设置为 ，然后依次单击文字边框，使文字周围出现黑白渐变边框，
图3-22 设置文档属性
3）选择工具箱上的 （文字工具），然后在“属性”面板中设置字体为 “汉仪大黑简”、大小为90.0，文字颜色为红色（#FF0000），如图3-23 所示， 接着在工作区中单击鼠标，输入文字“奇妙小世界”。
4）利用“对齐”面板，将文字中心对齐，结果如图3-24 所示。
图3-23 设置文本属性
提示：为了便于与背景观看，可以暂时将文字颜色设置为黄色（#FFFF00）。
图3-2 设置文档属性
图3-3 设置文本属性
4）单击面板组缩略图中的 （对齐）按钮，调出“对齐”面板，然后勾 选“与舞台对齐” 选项，接着单击 （水平中齐）和 （垂直中齐）按钮，如 图3-4 所示，将文字中心对齐， 结果如图3-5 所示。
提示：如果需要以后新建文件的背景色继承深蓝色的属性，可以单击“设为默认值”按钮。
3）选择工具箱上的 （文字工具），设置参数如图3-14 所示，然后在工 作区中单击鼠标， 输入文字“动漫游戏产业”。
图3-13 设置文档属性
图3-14 设置文本属性
4）利用“对齐”面板，将文字中心对齐，结果如图3-15 所示。
图3-1 线框文字
操作步骤：
1）启动Animate CC 2017 软件，新建一个ActionScript 3.0 文件。 2）改变文档大小。方法：执行菜单中的“修改| 文档”（快捷键 〈Ctrl+J〉）命令，在弹出的“文档属性”对话框中设置背景色为蓝色 （#000066），文档尺寸为300 像素×75 像素，如图3-2 所示，然后单击“确 定”按钮。 3） 选择工具箱上的 （文字工具），然后在“属性”面板中设置参数如 图3-3 所示，接着在工作区中单击鼠标，输入文字“CARTOON”。
如何用ActionScript3.0代码实现完美飘雪场景
如何用ActionScript3.0代码实现完美飘雪场景作者：陈雨婕来源：《电脑知识与技术》2012年第33期摘要：ActionScript3.0可以有效的提高以Flash Player为目标的内容和应用程序的开发效率。
通过图层设计、界面设计以及ActionScript代码设计三个方面，介绍了应用ActionScript 3.0事件处理机制实现飘雪场景的制作方法。
同时，该方法也适用于其他常用场景的制作。
关键词：ActionScript3.0；飘雪；事件侦听；事件处理中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2012）33-7922-03ActionScript是一种基于Flash、Flex等多种开发环境、面向对象编程的脚本语言。
其主要用于Flash动画控制、为Flash影片添加各种特效、实现复杂动画、交互动画以及开发各种富网络应用的动画程序等[1]。
随着Flash CS3的发布，ActionScript 3.0（以下简称AS3）横空出世了。
AS3的推出使脚本语言的发展上升到一个新的高度。
随着脚本语言的日趋成熟，AS3已经在Web、视频、音乐等多个领域得到了广泛应用，但对于很多习惯了ActionScript1.0和2.0的开发人员在面对AS3的巨大变化的同时又觉得不知所措[2]，下面针对如何应用AS3中强大的事件处理机制来实现完美飘雪场景的制作方法进行介绍。
1设计的基本思想时间轴也叫时间线，是一条贯穿时间的轴，用于表示对象在不同时间存在的不同状态，利用时间轴可以创建各种动画效果。
飘雪场景设计的基本思想是在Flash时间轴上设定三图层，分别放置三个关键帧。
第一个图层的关键帧用来放背景图片，第二个图层关键帧用来放文字动画，第三个图层的关键帧用来放置AS3代码，用代码来实现漫天雪花飘落的场景。
下面将分别从图层设计、界面设计以及ActionScript代码设计三方面加以说明[3]。