Flex4的可视化显示对象
2014-12-16 13:30
155 查看
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 = 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, 400, false);
data.fillRect(data.rect, 0x0000FF);
var ui:UIComponent = new UIComponent();
var bitmap:Bitmap = new Bitmap(data);
ui.addChild(bitmap);
this.addElement(ui);
从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 = 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, 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的可视化显示对象
- 如何只显示特定的报表对象,而不是整个水晶报表……
- 如何只显示特定的报表对象,而不是整个水晶报表……
- 后勤管理的各种单据的文档对象和对应显示TCODE列表
- 用AS3如何清空容器下所有子显示对象
- 统说ado对象游标类型(Connection,RecordSet)以及显示数据记录的三板斧
- WPF中的可视化对象(Visual)
- 后勤管理的各种单据的文档对象和对应显示TCODE列表
- [zz]Word 2007文档中图片不显示或对象不显示的解决方法
- ActionScript 3 Cookbook 6.4创建自定义可视化对象(翻译:转载请注明)
- 如何显示数据库中以 OLE 对象方式存储的 JPEG 图片
- 在SWT里显示AWT对象
- 使CBitmap位图对象背景透明显示
- 后勤管理的各种单据的文档对象和对应显示TCODE列表
- Html对象的显示与隐藏
- 如何不使用可视化设计来显示登陆窗体?
- 使用SPFolderCollection以及SPFolder对象分层次显示文档列表
- 显示SQL数据库中所有对象名的方法
- 使用流对象保存和显示图片
- 使用ActiveReport for .net 进行报表开发(三)--显示对象集合中的数据 (转)