Flex4之將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文件中這么寫

 

<SPAN style="FONT-SIZE: medium">package components
{
    import flash.display.*;
    import flash.net.URLRequest;
    public class Main extends Sprite {
        public function Main(  ) {
            var loader:Loader = new Loader(  );
            addChild( loader );
            loader.load( new URLRequest( "img/aa.jpg" ) );
        }
    }

}</SPAN>

package components { import flash.display.*; import flash.net.URLRequest; public class Main extends Sprite { public function Main( ) { var loader:Loader = new Loader( ); addChild( loader ); loader.load( new URLRequest( "img/aa.jpg" ) ); } } }

 

 

 然后具體顯示就想上面說的那樣

  

<SPAN style="FONT-SIZE: medium"><?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">
    <fx:Declarations>
        <!-- 將非可視元素（例如服務、值對象）放在此處 -->
    </fx:Declarations>
   <fx:Script>
       <![CDATA[
           import components.Main;

           import mx.core.UIComponent;
           function init():void{
              var comp: UIComponent = new UIComponent();
              var main:Main=new Main();
              comp.addChild(main);
              this.addElement(comp);
           }
       ]]>
   </fx:Script>
</s:Application>
</SPAN>