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 = 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);

时间: 2024-10-09 14:24:25

Flex4的可视化显示对象的相关文章

GeoHash原理和可视化显示

最近在做附近定位功能的产品,geohash是一个非常不错的实现方式.查询资料,发现阿里的这篇文章讲解的很好.但文中并没有给出geohash显示的工具.无奈,也没有查到类似的.只好自己简单显示一下,方便自己理解. 项目地址:  https://github.com/Ryan-Miao/geohash-visualization geohash可视化显示 经纬度获取9宫格覆盖: https://ryan-miao.github.io/geohash-visualization/index.html

AS3 调用gotoAndStop后,显示对象为null的解决方法

再使用flash制作UI资源时通常我们会在一个MC的不同帧中引入其他的MC(有可能引入的MC中还包含了MC),并为这些引入的MC设置实例名称.通过使用gotoAndStop到第几帧来引用里面的资源...可惜有的时候会报:引入的这个显示对象为null....这该如何是好呢?? 接下来就是我在使用FB与IDEA进行实际工作的时候找到的一些解决办法... 第一种: 有时候我们使用的已经是别人做好的UI...或者是自己通过反编译出来的UI... 用flash打开后导入IDEA中如果使用gotoAndSt

显示对象的像素级碰撞检测

mc2.gotoAndStop(1); var bmd1 = new BitmapData(mc1.width, mc1.height, true, 0); bmd1.draw(mc1); var bmd2 = new BitmapData(mc2.width, mc2.height, true, 0); bmd2.draw(mc2); stage.addEventListener(Event.ENTER_FRAME,frameFunc); function frameFunc(e:Event)

Erget 显示对象

核心显示类: 类 描述 DisplayObject 显示对象基类,所有显示对象均继承自此类 Bitmap 位图,用来显示图片 Shape 用来显示矢量图,可以使用其中的方法绘制矢量图形 TextField 文本类 BitmapText 位图文本类 DisplayObjectContainer 显示对象容器接口,所有显示对象容器均实现此接口 Sprite:DisplayObjectContainer 带有矢量绘制功能的显示容器 Stage:DisplayObjectContainer 舞台类 根节

AS3显示对象继承关系图(转)

要学好AS3,先得把继承关系搞清楚.下面就是AS3的继承关系 DisplayObject InteractiveObject              Bitmap Shape    Video     AVMIMovie    StaticText   MorpShape DisplayObjectContainer     SimpleButton    TextField Sprite                                Stage                

Cocos2d-X3.0 刨根问底(五)----- Node类及显示对象列表源码分析

上一章 我们分析了Cocos2d-x的内存管理,主要解剖了 Ref.PoolManager.AutoreleasePool这三个类,了解了对象是如何自动释放的机制.之前有一个类 Node经常出现在各种场合,不是做为参数就是做为返回值,那么这一章节我们就去看看这个Node类到底在Cocos2d-x里处于一个什么样的地位. 直接进入主题,我们打开CCNode.h文件.我去,这个文件有1500行,这么长怎么看啊,放松一下整体看过一遍,松了一口气,还好,还没那么糟,文件虽然大,注释占了有90%的篇幅,代

3, 容器内部显示对象相对源的切换 和 事件的添加

class Main extends egret.DisplayObjectContainer { /** * 入口文件, 最先执行的构造方法 * 这会实例化一个和手机屏幕一样大的舞台 */ public constructor() { super(); this.once( egret.Event.ADDED_TO_STAGE, this.onAddToStage, this ); } /** * 入口文件加载成功后执行的方法 * 也是逻辑的开始 */ private onAddToStage

Arcgis for Js之鼠标经过显示对象名的实现

在浏览地图时,移动鼠标经过某个对象或者POI的时候,能够提示该对象的名称对用户来说是很实用的,本文讲述在Arcgis for Js中,用两种不同的方式来实现该效果. 为了有个直观的概念,先给大家看看实现后的效果: 百度地图的效果 效果1 效果2 直观的看到了效果,下面说说在Arcgis for Js中实现的两种方式.在实现给效果的时候,有layer的两个事件,mouse-over和mouse-out事件,鼠标经过显示对象名称,鼠标移除清除显示. 1.通过TextSymbol和GraphicMar

【HTML5 Canvas】计算元件/显示对象经过Matrix变换后在上级/舞台上的bounds(边界矩形rect)

如上图所示,这样的一个简单矩形,边界矩形是(x:-28, y:-35, width:152, height:128),这是在这个元件/显示对象自己的坐标空间的范围. 那么把这个放到父元件(舞台)中,再做一定变换.如下图所示,白色区域就是舞台,蓝色矩形中的白色十字架标记,就是世界坐标的(0,0)点.       在舞台这个世界坐标系中,边界区域又是什么呢?我们的目标就是计算下图中的红色区域. 其实算法,很简单,在放到舞台之前,在蓝色矩形自己的局部坐标系中,边界是(x:-28, y:-35, wid