Fx{r} is trying to start the Fx{r} Community! Please join our group on Adobe Groups following this link: http://fxr.groups.adobe.com.

Fx{r} is now on Twitter too. Follow us @ twitter.com/fx_r!

The Archives

ActionScript, Flex 2
Adding a mask to graphic components
Andrei Ionescu | 29.10.07 | Permalink | 3 Comments

Recently I had to put a mask to an UIComponent. Here is the way to do it:

var largeMask:UIComponent = new UIComponent();
largeMask.graphics.beginFill(0×00FFFF, 0.5);
largeMask.graphics.drawRect(0, 0, 120, 40);
largeMask.graphics.endFill();
largeMask.x = 0;
largeMask.y = 0;
this.addChild(largeMask);
this.mask = largeMask;

this should be UIComponent or Shape or similar object.
Obs: the mask must be added as child to the object you need to add the mask [...]

FLEX{er}

flex developers web corner

about

FLEX{er} is a tool where information regarding Flex & Actionscript programming languages is gathered starting from general info like books and resources and going to examples of actionscript for specific problems. [...]

Twitter

search

partners

recent

comments

Zeeshan: Great work, I was wondering how can I crop image with mouse? Thanks
uday: Hi, Thanks for writing up something which i exactly needed. I am trying this out, but not able to get this to...
parrew: Thanks.. it work.. thumbs up!!!
ccl: I have a button that creates a TitleWindow, after the new title window is created I want the focus to return to...
John Evans: You totally saved me with this. Thanks.