Flex4的可视化显示对象
2011-05-12 11:22
323 查看
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);
相关文章推荐
- flex_(10)显示对象的拖动;
- FLEX添加as可视对象不显示
- Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子
- Flex4的可视化显示对象
- Flex研究——显示对象平滑移动
- 在flex中如何移除所容器下所有子显示对象
- 让Flex中的可视化对象在多点触控屏幕中缩放和旋转
- flex_遮盖显示对象_美女的秘密;
- flex_(11)显示对象矩阵转换;
- Word 图片无法显示,出现对话框:错误,嵌入对象无效的解决办法
- 在Flex组件上显示手型的鼠标
- AS3如何移除容器下所有子显示对象
- 【干货#009】小程序如何格式化显示对象数组属性
- Flex的DateChooser组件中文显示方法
- [对象]显示最新输入的新闻信息
- 解决【无法读取流中的对象。类 flex.messaging.io.ArrayCollection 虽未实现 flash.utils.IExternalizable,但由其别名可得知它为 externalizable 类。】
- WPF{ComboBox绑定类对象, 下拉列显示的值,与取到的值}
- Flex--RichTextEditor的字体下拉框不显示下拉箭头
- SharePoint对象模型设置字段是否在新建编辑显示页面中显示
- Flex与java传递对象