as3学习第二课 显示对象和显示列表

一、显示对象 ???显示对象就是可以在舞台上显示的对象。包括直接看到的对象，如图形、文字、图片、视频、还有看不到但又真实存在的容器。 ???所有的显示对象都继承于flash.dispaly包中的DisplayObject类。而DisplayObject类又继承自EventDispatcher类，这就意味着所有的显示对象都可以发送事件。 ???根据显示对象能否接收互动事件（即：是否继承于interactiveObject类），我们把显示对象分为可互动和非互动显示对象。 ???所谓接收互动事件，是指能够接收鼠标单击、键盘敲击等人机交互事件。按钮能够接收鼠标事件，所以按钮就归属于可互动显示对象。而位图不能调用鼠标事件，要想实现调用鼠标的功能，必须把位图放在一个容器里，所以位图就归属于非互动显示对象。 ???能够容纳其它显示对象作为自己的子对象（即是否继承DisplayObjectContainer类），我们把显示对象分为显示对象容器和非容器显示对象。显示对象容器包括：Loader、Sprite、Stage和MovieClip，非容器显示对象包括位图、文本、图形、视频和按钮。把一个显示对象添加到一个容器中使用addChild方法。 ???示例1：新建一个Flash文件，在舞台上画一个影片剪辑和按钮，分别取实例名为mc和btn，再新建一个小影片剪辑，实例名为mc0。 ??? 第1帧代码： mc.addChild(mc0); mc0.x=mc0.y=0; ???测试影片，可以看到mc0被添加到了mc中。 ??? 把代码改成： btn.addChild(mc0); mc0.x=mc0.y=0; ???测试影片，不但小影片没有添加到按钮中，反而抛出一个错误：1061: 调用可能未定义的方法 addChild (通过 static 类型flash.display:SimpleButton 引用)。 意思就是说，在定义单纯按钮这个类中并没有addChild这个方法。 ???下面我们来认识几个对象（类）： Bitmap，位图对象。可以通过BitmapData对象来创建，也可以从外部载入。 Shape，形状对象。专门用来绘制矢量图形。 Video，视频对象。用来播放Flash视频，可以来自文件也可以来自网络流媒体。 SimpleButton，按钮类对象。在flash中创建按钮元件的ActionScript形式。 TextField，文本对象。用于文本显示和输入的显示对象。 Loader，加载对象。用来加载和显示外部的图片和swf文件。 Sprite，精灵对象。可以看成是没有时间轴的MovieClip。在AS3中，很多地方使用Sprite代替MovieClip，因为它是轻量级的容器。 MovieClip，影片剪辑对象。 Stage，舞台。所有的视觉元件都在它里面，是当之无愧的最终容器。 ??? 二、显示列表 ???在AS3中构建的每个交互应用程序都有一个由显示对象构成的层次结构，这个结构称为“显示列表”，是屏幕可见显示内容的层次结构。什么意思呢？就是父容器里面可以有子容器，子容器里面又可以有子容器，这样显示对象在其中就形成了层次结构。在脚本中创建的对象，如果不添加到这个层次中，就不会在舞台上显示。 ???所以舞台是这个等级结构的最上层，舞台(Stage)是最根本的容器，包含着当前SWF所有的显示对象。舞台又是一个特殊的容器，每个应用程序只能有一个Stage对象，作为整个显示对象结构的根节点。 ???舞台下面又是一个容器，被称为当前SWF主类的实例，也就是说，在AS3中，每个SWF文件都有一个关联的ActionScript类，该类称为“SWF文件的主类”。当这个swf文件设定了文档类，那么这个文档类就成了主类；如果是由FlashCS4自动生成而没有指定文档类，那么默认的MainTimeline类就是主类。当打开swf文件时，FlashPlayer将调用该类的构造函数，所创建的实例（始终是一种显示对象）将添加为Stage对象的子级。swf文件的主类始终扩展Sprite类。我们可以通过任何显示对象的stage属性来访问舞台。然后才是swf文件主类对象中创建的显示对象。 ???每个容器和其子对象又可以连成一个局部树状图。也就是说每个容器拥有自己的列表，包含着自己的子对象和子容器。我们一般所讲的显示列表是指从根节点（Stage）开始的。 ???我们来验证一下显示列表的树桩结构，通过上节课的示例1，自下而上，一层一层的寻找mc0上面的容器，在第一帧上写上： mc.addChild(mc0); mc0.x=0; mc0.y=0; trace("mc0的父容器是"+mc0.parent); trace("mc0的爷爷容器是"+mc0.parent.parent); trace("mc0的爷爷的父容器是"+mc0.parent.parent.parent); //parent意思是父亲，在这里指父级容器。 //输出： mc0的父容器是[object MovieClip] mc0的爷爷容器是[object MainTimeline] mc0的爷爷的父容器是[object Stage] ???是不是和列表中显示的等级结构一摸一样？ ???最后再加上一句代码： ???trace("mc0的爷爷的爷爷容器是"+mc0.parent.parent.parent.parent); //输出：mc0的爷爷的爷爷容器是null。 ???说明Stage就是根节点，上面什么也没有。 ???显示列表包含应用程序中的所有可视元素。 ???一个程序中的显示对象分为在显示列表中和不在显示列表中。显示列表就是一张清单，只有清单上列出的内容才能在舞台上显示出来。换句话说，Flash只渲染显示列表中存在的内容。 ???三、创建显示对象和渲染显示对象 ???在AS3中，创建显示对象和渲染显示对象是两个独立的过程。创建显示对象可以用flashCS4创建，也可以用代码创建。用CS4工具创建对象就是直接在舞台上创建影片剪辑、按钮或元件。用代码创建对象的过程称为实例化对象，也就是创建特定类的实例。首先得声明一个变量，然而，声明变量仅仅是在计算机的内存中创建一个空位置，在尝试使用或操作变量之前，您必须为变量指定实际值（即创建一个对象并将之存储在变量中）。这时就需要使用new关键字加类构造函数。使用new运算符创建对象通常称为“调用类的构造函数”。构造函数是在创建类的实例的过程中调用的一种特殊方法。请注意，当以此方法创建实例时，请在类名后加上小括号，有时还可以指定参数值。 ??? 示例2： var circle:Sprite=new Sptiet(); circle.graphics.beginFill(0xffcc00); circle.graphics.drawCircle(40,40,40); trace(circle); ???测试影片，输出面板会输出[objectSprite],说明这个对象已经存在。new运算符还可用于创建库中定义、但没有放在舞台上的影片剪辑元件的实例。 ??? 示例3： ???我们先在场景中画一个圆，转化为影片剪辑。再把舞台上的圆删除，现在库中已经有这么一个元件，只不过在new出这个对象之前我们要做一项工作：用鼠标右键单击库元件选择属性，选择为“ActionScript导出”选项打上勾，然后会发现CS4在“类”的输入栏中自动填入了元件名，我们把它改成Mc，点确定。这时会弹出一个类警告：无法在类路径中找打对此类的定义，因此将在导出时自动在swf中生成相应的定义。点确定。我们在第一帧上写代码： var mc:Mc=new Mc(); ???测试影片会发现，我们new出来的新对象circle和mc在舞台上并不可见。这是因为我们只创建了这两个对象但并没有渲染它们，也就是没有把它加入到显示列表。渲染显示对象，则必须把这个新建的显示对象添加到显示列表。Flash程序中所有的显示对象的添加流程如下：当一个Flash程序运行时，最先自动生成的是Stage容器对象，Stage容器对象是显示列表中的第一个显示对象容器。每个Flash程序只能有一个Stage。显示列表从Stage开始。其次，当第一个SWF文件被载入后，会自动生成Stage容器的一个子显示对象，也就是swf文件主类的实例。 ???最后，才是swf文件主类对象中创建的显示对象，也就是我们用CS4工具创建或者是用代码创建的显示对象。FlashPlayer会按照它们加入显示列表的代码顺序逐一显示出来。而我们用代码创建的显示对象则需要我们用代码添加到显示列表中。加入到显示列表的方法有： ??????addChild和addChildAt ???从显示列表中移除的方法有： ???????removeChild和removeChildAt ???addChildAt和removeChildAt这一对方法因为涉及到显示对象深度的问题，所以先不讲。下面就来讲讲addChild和removeChild这两个方法。 ???addChild方法将一个子显示对象添加到该显示对象容器中。子项将被添加到该容器实例中其它所有子项的前（上）面。 ???removeChild从显示对象的子列表中删除指定的显示对象。 ???addChild和removeChild方法的使用格式如下： ???容器对象.addChild(显示对象); ???容器对象.removeChild(显示对象); ???我们把示例3的代码改成： var mc:Mc=new Mc(); addChild(mc); ???测试影片，舞台上出现用代码创建的新对象。如果我们要把显示对象从列表中移除，只需调用removeChild方法。 removeChild(mc); ???添加和删除显示对象应该注意以下几点： ???第一，addChild和removeChild方法只是显示对象容器的方法，是容器对子对象所执行的操作。当我们传入的参数不合理，比如我们要添加的对象就是容器本身或者是容器的父容器，或者要删除的子对象根本就不在显示列表中就会报错。 ???第二，一个对象是否在显示列表中，不会影响显示对象自身的状态，比如：坐标、透明度、宽、高等属性。也就是说，即使我们把一个对象从显示列表中删除，这个对象依然存在，尽管我们看不到它。我们把示例3的代码改成： var mc:Mc=new Mc(); trace(mc.width); ??? 输出：45 ???测试影片时我们看不到影片剪辑，因为我们没有把它放到舞台上，也就是没有调用addChild方法。虽然mc0不在显示列表中，但我们还是能够获取它的宽。如果我们想彻底删除这个对象，就把这个对象设置为空（null）。 ???第三，如果添加到显示列表显示对象的父容器不在显示列表中，那么这个显示对象不会被显示，同理，如果在显示列表中移除父容器，那么它的子对象也一起被移除。 ???第四，显示对象的坐标属性值是相对于父容器的注册点的坐标，不是绝对坐标。父容器不同，则同样的子显示对象坐标值在屏幕上是位置也会不同。但我们看到在舞台上的位置却不一样。 ???第五，在把显示对象添加到显示列表中时一定要注意一个问题：一个显示对象只能被添加一次，如果你在同一容器中再次添加它或者是把它添加到其它的容器中，那么先添加的那个会自动移除。只有最后加入的容器，才会拥有该显示对象。