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

Flex4的視覺化顯示物件

Flex4的視覺化顯示物件

Flex4的視覺化顯示物件

Flex4的視覺化顯示物件

相關推薦