以文本方式查看主题 - ╋艺 镇╋ (http://zyzsky.com/bbs/index.asp) -- ┣◇FLASH交流 (http://zyzsky.com/bbs/list.asp?boardid=5) ---- Flash编写类及外部as文件的方式 (http://zyzsky.com/bbs/dispbbs.asp?boardid=5&id=3213) |
-- 作者:admin -- 发布时间:2011/9/27 16:00:54 -- Flash编写类及外部as文件的方式 我们已经了解到了在flash 9中如可在时间线上编写代码,如何将现有的时间线上的代码转换为外部类.以及flash9的Document Class形式,接下来我们要更细一步的来研究编写类及外部as文件的方式. include 如果你之前了解As1.0,As2.0编程,那么对include一定不陌生,在Actionscript 3.0中我们仍可以使用include 来导入代码.
function onUp(event:MouseEvent):void{
3.将此帧上的代码全部选中,按下ctrl+x剪切掉,选择flash的new菜单,新建一个Actionscript文件,在刚剪切掉的代码贴上.保存名为drag_include.as.与drag_include.fla在同一路径下. 元件类(symbol class) 这里所说的元件件类,实际是指为flash影片中的元件指定一个链接类名.它与上面的include 的不同之处于,它使用的是严格的类结构.而不是我们习惯上的时间线编写方式.我们要将小圆球的拖动功能封装起来,这样不论你创建多少可以拖动的小球,都会变得很轻松,只需要创建它的实例并显示出来即可。
|
-- 作者:admin -- 发布时间:2011/9/27 16:01:11 -- } private function onClick(event:MouseEvent):void{ trace("circle clicked"); } private function onDown(event:MouseEvent):void{ this.startDrag(); } private function onUp(event:MouseEvent):void{ this.stopDrag(); } } }
因为我们将类的名称设置为Symbol_class,所以此类文件一定要保存为Symbol_class.as文件.我们还要做一步工作,在源文件中打开库面板,右击circle_mc选择链接,复选Export for Actionscript.在class处输入Symbol_class.as(这好像不是写Symbol_class.as而是写Symbol_class)即让我们类与元件相关连..此时测试影片,你会看到与上例中相同的结果.这里注意一点,场景中仍要保证circle_mc的存在.因为在代码中我们并没有动态的贴加circle_mc. 同时这个例子中,与上例一样,我们并没有使用As3.0的Document Class特性. 动态类(dynamic class) 此种编写的类的方式与探索Actionscript3.0 flash9 Preview教程中的例子是一样的,此种方式是最最常用的.对于一些稍复杂的程序来说,是由主类和多个辅助类组成的.辅助类封装分割开的功能,主类用来显示和集成各部分功能。如上例我们已经封装了小球的拖动功能。现在我们想要创建100个这样可以拖动的小球。
思路是我们已经创建了封装了拖动功能的类,我们在创建一个主类,用来显示这100个具有拖动功能的小球,我们将使用As3.0的DocumnetClass 新特性.
[此贴子已经被作者于2011-9-27 16:21:45编辑过]
|
-- 作者:admin -- 发布时间:2011/9/27 16:01:24 -- // 创建可拖动小球的实例 _circle = new Drag_circle(); // 设置小球实例的一些属性 _circle.scaleY = _circle.scaleX = Math.random(); // 场景中的x,y位置 _circle.x= Math.round(Math.random()*(stage.stageWidth - _circle.width)); _circle.y= Math.round(Math.random()*(stage.stageHeight - _circle.height)); // 在场景上显示 addChild(_circle); } } } }
代码:
[此贴子已经被作者于2011-9-27 16:31:31编辑过]
|
-- 作者:admin -- 发布时间:2011/9/27 16:01:39 -- private function onDown(event:MouseEvent):void{ this.startDrag(); } private function onUp(event:MouseEvent):void{
打开我们之前所用过的fla文件,将其另存为drag_class.fla文件,与Document.as和Drag_class.as类所在目录相同。打开库面板,选中库面板中的小球,右击选择链接在class名称处输入Drag_class(若在同目录下没有Drag_class.as则提示没有这个类).注意与上面的元件类不同在于,我们不需要让场景中有任何内容,因为我们已在主类DocumentClass.as中动态的贴加和显示了circle_mc.。在DocumentClass.fla中的主场景中,在属性面板中的Document Class输入框中输入我们的主类名DocumentClass(这测试有问题).然后你就可以测试了。 不使用库元件的动态类(dynamic class with no library) 在上例中我们使用的是已创建好的影片剪辑,并在库中做了类的链接,这种情况对于一些有复杂图形的情况下是比较好的选择,如果你能很熟练的应用Drawing Api绘制出你想要的任意图形,那么你也可以不使用库元件,可以直接在类中编写,在本教程中我们主要研究的是这种方式,接下来我们看不使用库元件如何编写类来实现上面的功能。
DocumentClass.as类如下: 代码:
public function DocumentClass(){ [此贴子已经被作者于2011-9-27 17:18:54编辑过]
|
-- 作者:admin -- 发布时间:2011/9/27 16:01:53 -- _circle.x= Math.round(Math.random()*(stage.stageWidth - _circle.width)); _circle.y= Math.round(Math.random()*(stage.stageHeight - _circle.height)); addChild(_circle); } } } }
代码:
public class Drag_circle extends Sprite { |
-- 作者:admin -- 发布时间:2011/9/27 16:02:07 -- trace("circle clicked"); } private function onDown(event:MouseEvent):void{ private function onUp(event:MouseEvent):void{
注意Drag_circle.as类,我们只是增加了一段: 代码:
Package Class 一般来说,一个.as文件中就一个类,但是在AS3中,现在允许在一个文件中定义多个类用来辅助主类。
注意,在包块中最多只能定义一个类。在同一个文件中的辅助类不是包块的一部分,并且只能在此文件中可见和被使用。 下面我们将我们将我们的类改写成上述的packge类形式。我们将下面的代码都写在一个DocumentClass.as的文件中,然后在fla文件中的属性面板中的Document Class输入框中输入DocumentClass类名。
|
-- 作者:admin -- 发布时间:2011/9/27 16:02:20 -- int = 100; public function DocumentClass(){ var i:int; for(i=0;i<=maxBalls; i++){ _circle = new Drag_circle(); _circle.scaleY = _circle.scaleX = Math.random(); _circle.x= Math.round(Math.random()*(stage.stageWidth - _circle.width)); _circle.y= Math.round(Math.random()*(stage.stageHeight - _circle.height)); addChild(_circle); } } } public class Drag_circle extends Sprite { private var _circle:Sprite; public function Drag_circle(){ _circle = new Sprite(); _circle.graphics.beginFill(0x6D6E71); _circle.graphics.drawCircle(-5, -5, 10); _circle.graphics.endFill(); addChild(_circle); this.buttonMode = true; _circle.addEventListener(MouseEvent.CLICK,onClick); |
-- 作者:admin -- 发布时间:2011/9/27 16:02:32 -- _circle.addEventListener(MouseEvent.MOUSE_DOWN,onDown); _circle.addEventListener(MouseEvent.MOUSE_UP,onUp); } private function onClick(event:MouseEvent):void{ trace("circle clicked"); } private function onDown(event:MouseEvent):void{ 现在就可以测试你的影片了。 |
-- 作者:admin -- 发布时间:2011/9/27 16:02:43 -- http://www.g168.net/html/FLASH_003/2008/623/08623824465H631DIKHDKJGE4K55HE.html |