Flex4的可视化显示对象

? ? flex3中用addChild(child:DisplayObject) 增加显示对象，flex4中用addElement(element:IVisualElement)。绝大多数的flex3显示控件都是从DispalyObject继承的，所以在flex3中增加显示对象非常容易。一旦到了flex4，要显示sprite shape Bitmap都会报错，因为都没有实现IVisualElement接口。习惯了flex3，再用flex4的时候还真有点不适应了。

? ?从adobe帮助文档可以看到直接实现IVisualElement接口的只有如下几个，

GraphicElement,SpriteVisualElement,StyleableTextField,UIComponent,UIMovieClip，spark.primitives?名字空间下的所有类也间接实现了IVisualElement。

?

? ?直接实现的类都比较轻量级的，所以把你要显示的sprite等加入到这些类中，再把这些类加入可视对象即可

?

?

var spr:Sprite = new Sprite();

var sve:SpriteVisualElement = new SpriteVisualElement();

?

spr.graphics.beginFill(0xFF0000,1);

spr.graphics.drawRect(10,10,10);

spr.graphics.endFill();

sve.addChild(spr);?

?

this.addElement(sve);

?

?

?

? ? 显示位图的做法是，使用spark.primitives下面的BitmapImage

?

var data:BitmapData = new BitmapData( 400,400,false);

data.fillRect(data.rect,0x0000FF);

? ??var bitmap:BitmapImage = new BitmapImage();

? ??bitmap.source = data;

? ??bitmap.x=50;

? ??bitmap.y=50;

?

? ??this.addElement(bitmap);

?

?

或者采用SpriteVisualElement类似的做法，把Bitmap加入到UIComponet中

?

var data:BitmapData = new BitmapData( 400,0x0000FF);

var ui:UIComponent = new UIComponent();

var bitmap:Bitmap = new Bitmap(data);

ui.addChild(bitmap);

this.addElement(ui);