User Guide

Accordion component (Flash Professional only) 101
Using skins with the Accordion component
The Accordion component uses skins to represent the visual states of its header buttons. To skin
the buttons and title bar while authoring, modify skin symbols in the Flash UI Components 2/
Themes/MMDefault/Accordion Assets skins states folder in the library of one of the themes FLA
files. For more information, see “About skinning components” on page 80.
An Accordion component is composed of its border, background, header buttons, and children.
The border and background are provided by the RectBorder class by default. For information on
skinning the RectBorder class, see “RectBorder class” on page 647. You can sking the headers with
the skins listed below.
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.
openDuration
Both The duration, in milliseconds, of the transition animation.
openEasing
Both A reference to a tweening function that controls the animation.
Defaults to sine in/out. For more information, see “Customizing
component animations” on page 75.
Property Description Default value
falseUpSkin
The up (normal) state of the header above all
collapsed children.
accordionHeaderSkin
falseDownSkin
The pressed state of the header above all collapsed
children.
accordionHeaderSkin
falseOverSkin
The rolled-over state of the header above all collapsed
children.
accordionHeaderSkin
falseDisabled
The disabled state of the header above all collapsed
children.
accordionHeaderSkin
trueUpSkin
The up (normal) state of the header above the
expanded child.
accordionHeaderSkin
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
Style Theme Description