Tag Archives: autoDrawBackground

Fading an item renderer background fill on a Spark List control in Flex 4

The following example shows how you can fade an item renderer background fill on a Spark List control in Flex 4 by creating a custom item renderer, setting the Boolean autoDrawBackground property to false, drawing your own background fill, and then setting a fade transition from the normal and hovered states.

Continue reading Fading an item renderer background fill on a Spark List control in Flex 4

Creating an item renderer with a corner radius on a Spark List control in Flex 4

The following example shows how you can create a custom item renderer with a corner radius on a Spark List control in Flex 4 by setting the cornerRadius property and creating a custom item renderer which sets its autoDrawBackground property to false and draws its own rounded background fill using the radiusX property in the hovered and selected states.

Continue reading Creating an item renderer with a corner radius on a Spark List control in Flex 4

Creating a semi-transparent item renderer on a Spark List control in Flex 4

The following example shows how you can create a semi-transparent item renderer on a Spark List control in Flex 4 by creating a custom Spark List skin and a custom item renderer which sets the alpha property on the selected/hovered states.

Continue reading Creating a semi-transparent item renderer on a Spark List control in Flex 4

Preventing the selected item highlighting in the Spark List control in Flex 4

In a previous example, “Preventing item selection in the Spark List control in Flex 4”, we saw how you can prevent item selection in the Spark List control in Flex 4 by listening for the changing event and calling the preventDefault() method on the IndexChangeEvent event object instance.

The following example shows how you can keep List item selection but prevent the selected item highlighting (while maintaining the hover highlight) in the Spark List control in Flex 4 by creating a custom item renderer, setting the autoDrawBackground property to false, and drawing your own highlight in the hover state only.

Continue reading Preventing the selected item highlighting in the Spark List control in Flex 4