|
探索Flash Professional Actionscript 3.0 Preview
声明:本教程英文版源自Adobe的:http://www.adobe.com/devnet/flash/articles/flash9_as3_preview.html 原作者:Jen deHaan和Peter deHaan 本站对其进行了翻译整理,此教程转载请注明出处.并标有活动链接,谢谢合作.
Adobe Flash Professional 9 ActionScript 3.0 Preview(以下简称AS3.0预览版)是下一个将要发布的flash 创作工具的预览。众所周知它的名字是”Blaze”,它扩展了Flash Professional 8 并包括了一系列特性将与Flash9 一同发布,计划将在2007年发布。
这个预览版本包括支持Actionscript 3.0,它的优势在于包含在flash player 9 中的一个新的虚拟机(AVM),这个增强的虚拟机要比传统的Actionscript 代码的执行速度快上10倍,如果你想获得更多的关于flash player 9的信息,请查看Flash Player Product page
Flash9预览版允许你编译包含或导入到Fla中的Actionscript3.0 脚本,贴加在帧上或是与库元件关联的脚本在编译过程加入与场景内容的交互。
这篇文章是通过使用Flash的绘制工具创建一个新的形体来展开的,当你学完了如果让形体与按钮和鼠标交互移动,你会明白如果将actionscript从主时间轴上移到外部文件,怎样与库中的元件或是Flash文档自身链接。
要完成此文章你需要 Flash Professional 9 Actionscript 3.0 和 范例文件
在FLASH中编写Actionscript 3.0
Flash9 预览版只是一个开发环境,它允许你创建Flash文档(FLA)并使用Actionscript 3.0,当然你也可以使用Flex Builder 2来编译As3.0.
Flash9预览版能让你创建基于时间线的Actionscript3.0文档,并可以使用其它的一些特性,如形变和运动缓动,flash.display.MorphShape类,abobe.utils package,static text fields,scenes,和库。
Flash9 预览版包括下面几个新特性:
1.Document class: Flash9引入了document class的概念,定义为与你的swf文件的主时间线关联的类。当你初始化主时间线时,document class就已经被构造了。你可以文件的属性面板或Actionscript 3.0发布设置面板上设置document class,如:File>Publish Settings > Flash tab > Settings button
如下图:

2.Symbol-class linkage: (元件-类链接) 在ActionScript 3.0中你不再需要链接id了,取而代之的是,你可以为你能直接实例化或动态创建实例的元件指定一个特定的类名称。如下图所示:

3.如果类不能在你指定的类路径当中找到,那么Flash会在场景之后创建一个以使它仍可以被实例化。如下图所示:

4.Errors and warnings: (错误和警告) 针对ActionScript 3.0 errors和warnings增加了两个操作.你可以在Actionscript 3.0的特性面板上选择。如:选择Edit>Preferences > ActionScript > Actionscript 3.0设置按钮。如下图.
—个是Strict Mode,使编译器在编译过程中遇到问题时非常的严格,都会当做错误来处理而不是警告。另一个是Warnings Mode,会出现额外的警告,大多数情况下当你从Actionscript 2.0迁移到As3.0时,会起到很大的帮助,当你选择了Warning时,你可以通过编辑EnabledWarnings.xml文件中的Enabled属性来定义你想要的警告。EnabledWarnings.xml文件的位置: o Windows: C:\Program Files\Adobe\Flash 9 Public Alpha\en\Configuration\ActionScript 3.0\EnabledWarnings.xml o Mac OS: HD|Applications|Adobe Flash 9 Public Alpha|Configuration|ActionScript 3.0|EnabledWarnings.xml

Creating clickable and draggable shapes(创建可点击和可拖动的形体)
在这个例子中,你将探索flash9 预览版了一些新特性,你将创建一个简单的形体并使用改良的事类模型来使它可以点击,在后面的例子中,你将使这个形体可以拖动,将你的代码转换为类和动态创类的实例。
Clickable shapes(可点击的形体)
下面我们先开始创建一个可以点击的形体。
1. 选择文件>新建一个文档,并将它保存为simpleBall.fla. 2. 选择绘制圆工具,在场景中绘制一个正圆。当然在绘制的时候按住shift就可以了。 注意:在绘制时候确何你的Object Drawing mode(对象绘模式)是关闭的。 3.选中选择工具并双击这个形体使它高亮显示 4. 当这个形体选中后,选择编辑modify>Convert to Symbol转换为元件(按F8)来打开元件转换窗口, 5.将名称改为circle然后点击ok,将它转换为影片剪辑。 6. 元件要仍处于选中的状态,在属性面板上为它起一个实例名为:ball_mc 7. 取消对元件的选择打开action面板(F9). 8.在Action面板上输入如下代码:
代码:
ball_mc.addEventListener(MouseEvent.CLICK, clickHandler); function clickHandler(event:MouseEvent):void { trace("You clicked the ball"); }
在这段代码中,ball_mc实例变成了可以点击的了,因为你加入了事件侦听用来检测用户是否有点击动作,无论何时只要用户点击了ball_mc影片剪辑,clickHandler()函数就会执行。这非常类似于之前版本在组件中加入侦听事件,如As2.0使用onPress()事件来检测用户是否点击了剪辑或按钮。 9.选择Control>Test Movie 测试影片,当你点击圆时,就会在面板上输出”you clicked the ball. 10.关闭Swf文件返回Flash操作环境,编辑你的Actionscript 代码,在原有代码的上面加入如下一行代码: ball_mc.buttonMode = true; 11.重新测试你的影片,当你的光标位于圆之上时,光标就会变成一只小手的形状。用于给用户一个提示,这是可以点击的。
Draggable shapes(可拖动的形体)
如果你想让用户可以在场影中拖动这个形体,你需要加入两个事性侦听器,mouseDown(MouseEvent.MOUSE_DOWN)和mouseUp(MouseEvent.MOUSE_UP),如下面的例子。
下面的例子示范如何为mouseDown和mouseUp事件加入事件侦听器
1.编辑我们之前的例子中代码如下:
代码:
ball_mc.buttonMode = true; ball_mc.addEventListener(MouseEvent.CLICK, clickHandler); ball_mc.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownListener); ball_mc.addEventListener(Mo [1] [2] [3] 下一页 |