UIcomponent和Sprite的区别和使用上的不同

关于flex的容器UIComponent和Sprite物体的关系

flex中的架构，（举例UIComponent类的继承关系） 
UIComponent > FlexSprite> Sprite >DisplayObjectContainer>InteractiveObject >Displayobject

flash中的架构(Sprite类的继承关系) 
Sprite >DisplayObjectContainer>InteractiveObject >Displayobject

Flex中的UIMovieClip类继承于UIComponent ,flash中的MovieClip继承于Sprite, 
它们的这种继承关系我们可以通过flex帮助手册查阅到。

Flex Application里的addChild()

在Flex Application里，是不能直接用addChild添加Sprite，MovieClip等来自flash.display包里的类的。譬如以下代码就会报错：

 

private function init():void 
{    var sp:Sprite = new Sprite();    
      addChild(sp);
}

private function init():void 
{    var sp:Sprite = new Sprite();    
      addChild(sp);
}

 

TypeError: Error #1034: 强制转换类型失败:无法将 flash.display::Sprite@156b7b1 转换为 mx.core.IUIComponent。

这是因为Application的addChild方法并非完全继承自DisplayObjectContainer，

Application→LayoutContainer→Container→UIComponent→FlexSprite→Sprite

→DisplayObjectContainer

而是在Container那里被重写了：

 

public override function addChild(child:DisplayObject):DisplayObject

public override function addChild(child:DisplayObject):DisplayObject

 

虽然参数child的类型是DisplayObject，但是它必须实现IUIComponent接口（所有Flex组件都实现了这一接口），才能添加。

如果要在Application里添加Sprite，可以先把它装进一个UIComponent，然后再添加这个UIComponent：

 

import mx.core.UIComponent;

private function init():void 
{    var sp:Sprite = new Sprite();    
      var uc:UIComponent = new UIComponent();    
      uc.addChild(sp);    
      addChild(uc);
}