首页 > 代码库 > Flex4的可视化显示对象

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, 10);

spr.graphics.endFill();

sve.addChild(spr); 

 

 

this.addElement(sve);

 

 

 

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

 

var data:BitmapData = http://www.mamicode.com/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 = http://www.mamicode.com/new BitmapData( 400, 400, false);

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

 

var ui:UIComponent = new UIComponent();

 

var bitmap:Bitmap = new Bitmap(data);

ui.addChild(bitmap);

 

this.addElement(ui);

Flex4的可视化显示对象