Custom PopUp Rating Component in Spark Flex 4 (Gumbo)
July 9, 2009. Posted by Andy Hulstkamp in FXG, Gumbo (Flex 4 beta). 14 Comments »
Keywords: custom component, effects, FXG, masking, popup, rating, skin parts, Spark, states, Transitions
Keywords: custom component, effects, FXG, masking, popup, rating, skin parts, Spark, states, Transitions
I was experimenting a little with the PopUpAnchor in Spark Flex 4 and came up with a new custom component for ratings. The new component has the following characteristics:
- Show a placeholder-icon that reflects the current rating and serves as an interactive element to open the ratings
- ratings pop up for adjustment
- both the placeholder-icon and the ratings-icons will be gradually filled with color when adjustments are being made
- the icons are defined in FXG
- the icons are not defined in the skin but can be passed as a style for generic use (one skin for different icons and ratings)
- there is colorization of the icons based on styles
- smooth transitions when opening the ratings
Here’s a pseudo city-rating demo that shows variations of the component using different icons and color settings for different ratings.
You’ll find the source at the end of this post. It is (more…)
