Skinning and creating custom rating component in flex 4 (Gumbo)
March 12, 2009. Posted by Andy Hulstkamp in Actionscript 3, FXG, Gumbo (Flex 4 beta). 1 Comment »
Keywords: component, customizing, flex 4, gumbo, mask, masking, skin parts, skin states, skinning
Keywords: component, customizing, flex 4, gumbo, mask, masking, skin parts, skin states, skinning
Here’s a simple rating component done in Flex 4 (Gumbo).
The skin uses two library definitions. One symbol for the active and one for the passive rating. The symbols are then placed in a passive and an active Group. A mask is used to show/hide the active group based on the rating. ActiveGroup/passiveGroup and mask are the required Skin-Parts.
The Component itself manages the rating and pushes this down to the mask by setting its width. The rating is exposed as a bindable property.
The following example usees the component with two different skins.
source is here (SDK 4.0.0.4932)
