Packageardisia.components.accordion
Classpublic class Accordion
InheritanceAccordion Inheritance ViewStack Inheritance spark.components.SkinnableContainer

Accordion control that supports deferred instantiation for MXML content.

All direct children must extend the AccordionContainer class.

Explicitly size the Accordion.

View the technical documentation on the Ardisia Labs website for more information.

Default MXML PropertymxmlContentFactory



Public Properties
 PropertyDefined By
  duration : Number = 150
The duration of effects that animate changes in the selectedIndex.
Accordion
  easer : IEaser
The default easer to apply to animations.
Accordion
 InheritedselectedChild : IVisualElement
The selected child element in the ViewStack.
ViewStack
 InheritedselectedIndex : int
The zero-based index of the currently visible child element.
ViewStack
Protected Methods
 MethodDefined By
 Inherited
commitSelectedIndex(removeFromLayout:Boolean = true):void
Commit the selected index, update the visible element and update the bindings.
ViewStack
  
[override]
Accordion
  
effectHandler(event:EffectEvent):void
Handles the end of resize effects.
Accordion
  
elementHandler(event:Event):void
Handles events on child elements.
Accordion
  
eventHandler(event:Event):void
[override] Handles events on the class.
Accordion
 Inherited
selectElement(element:IVisualElement):void
Select the following element and initialize if necessary.
ViewStack
 Inherited
Setup the deferred content.
ViewStack
Events
 Event Summary Defined By
 InheritedDispatched when the selectedChild changes.ViewStack
 InheritedDispatched when the selectedChild is about to change.ViewStack
Styles
 Style Description Defined By
 InheritedType: Number CSS Inheritance: no
The alpha of the background.
ViewStack
 InheritedType: uint Format: Color CSS Inheritance: no
The color of the background.
ViewStack
 InheritedType: Number CSS Inheritance: no
The alpha of the border.
ViewStack
 InheritedType: uint Format: Color CSS Inheritance: no
The color of the border.
ViewStack
 InheritedType: Boolean CSS Inheritance: no
True to display a border.
ViewStack
Property Detail
durationproperty
public var duration:Number = 150

The duration of effects that animate changes in the selectedIndex.

Set to 0 to skip the animation.

The default value is 150.

easerproperty 
public var easer:IEaser

The default easer to apply to animations.

The default value is Sine(0.5).

Method Detail
createChildren()method
override protected function createChildren():void

effectHandler()method 
protected function effectHandler(event:EffectEvent):void

Handles the end of resize effects.

Parameters

event:EffectEvent — the EffectEvent that triggered the handler

elementHandler()method 
protected function elementHandler(event:Event):void

Handles events on child elements.

Parameters

event:Event — the Event that triggered the handler

eventHandler()method 
override protected function eventHandler(event:Event):void

Handles events on the class.

Parameters

event:Event — the Event that triggered the handler