User Guide

Customizing the Accordion component (Flash Professional only) 43
Using ActionScript to draw the Accordion header
The default headers in both the Halo and Sample themes use the same skin element for all
states and draw the actual graphics through ActionScript. The Halo implementation uses an
extension of the RectBorder class and custom drawing API code to draw the states. The
Sample implementation uses the same skin and the same ActionScript class as the
Button skin.
To create an ActionScript class to use as the skin and provide different states, the skin can read
the
borderStyle style property of the skin to determine the state. The following table shows
the border style that is set for each skin:
trueDownSkin
The pressed state of the header above the
expanded child.
accordionHeaderSkin
trueOverSkin
The rolled-over state of the header above the
expanded child.
accordionHeaderSkin
trueDisabledSkin
The disabled state of the header above the
expanded child.
accordionHeaderSkin
Property Border style
falseUpSkin falseup
falseDownSkin falsedown
falseOverSkin falserollover
falseDisabled falsedisabled
trueUpSkin trueup
trueDownSkin truedown
trueOverSkin truerollover
trueDisabledSkin truedisabled
Property Description Default value