flex——将Sprite控件添加到FLEX UI中

在Flex的帮助文档里，有很多例子都是扩展Sprite类的。如果想把这些实例添加到你的s:Application中，如:addChild(DisplayObject )，肯定会出错。错误的大致意思是:flash.display::Sprite没有实现mx.core.IUIComponent接口。

    Sprite->DisplayObjectContainer ->InteractiveObject ->DisplayObject ->EventDispatcher ->Object

从Sprite的继承关系来看，它虽然是DIsplayObject但是它没有实现IUIComponent，不能直接添加到Flex组件里是当然的了。

    Flex文档上指出所有的可视化控件都继承自UIComponent 而它自己是实现了IUIComponent 接口的。UIComponent 允许添加Sprite和MovieClip。

经常使用到的做法是：

   var comp: UIComponent = new UIComponent ();
   comp.addChild (sprite);
   cavas1.addChild(comp);

这样flash控件就能正常在flex组件里显示了。

举个例子我在as文件中这么写 main.as

 1 <span style="font-size: medium;">package components
 2 {
 3     import flash.display.*;
 4     import flash.net.URLRequest;
 5     public class Main extends Sprite {
 6         public function Main(  ) {
 7             var loader:Loader = new Loader(  );
 8             addChild( loader );
 9             loader.load( new URLRequest( "img/aa.jpg" ) );
10         }
11     }
12 
13 }</span>

然后具体显示就想上面说的那样:

 1 <span style="font-size: medium;"><?xml version="1.0" encoding="utf-8"?>
 2 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
 3                xmlns:s="library://ns.adobe.com/flex/spark" 
 4                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">
 5     <fx:Declarations>
 6         <!-- 将非可视元素（例如服务、值对象）放在此处 -->
 7     </fx:Declarations>
 8    <fx:Script>
 9        <![CDATA[
10            import components.Main;
11            
12            import mx.core.UIComponent;
13            function init():void{
14               var comp: UIComponent = new UIComponent();
15               var main:Main=new Main();
16               comp.addChild(main);
17               this.addElement(comp);
18            }
19        ]]>
20    </fx:Script>
21 </s:Application>
22 </span>

最后结果如下：

 

图片显示出来了鸟~

转载于:https://www.cnblogs.com/tina-smile/p/3440602.html