RotatingListFX :: In depth

The RotatingListFX container holds content children while maximizing the selected child and minimizing the unselected children. The container also can toggle minimized children to a maximized state using a tile layout or custom layout class. This provides a way for the user to show only the pane of interest or show all panes within the containers view.

The RotatingListFX uses ListPaneFX container instances to hold the child content. The ListPaneFX component is what the title bar is held in. In the image below, the list pane is holding an HBox and List instance. The developer uses the list pane to hold any type of content, the pane is a regular container that uses layout types of absolute, vertical and horizontal.

The RotatingListFX also provides a utility preview pane renderer that allows for a quick preview of the content the children hold. This pane can be placed at the top or bottom of the content children. Using this preview pane also saves processing from adding unnecessary containers to hold a preview instance.

The container also allows for move and resize transitions based on duration and easing styles.

The developer has access to the selectedIndex and selectedChild properties to change which child is maximized. This works similar to how you set a selected child in a ViewStack component.

• Online Help Book
• ASDoc Documentation
• Technical Forum
• Ask Before You Buy
• SWF Examples

Main Features

RotatingListFX

This image is taken from the IntheFlexCommunity example found in the product's zip file. You can also check out the;

• IntheFlexCommunity HelpBook example to see how easy it is to create a themed component.

Main Features

• Bar placement settings of top, bottom and alternate. Setting the value to top will position the minimized children at the top of the maximized child. Setting the value to bottom will keep the minimized children at the bottom of the maximized pane. Setting the value to alternate will switch from top to bottom as the children are maximized, creating an alternating bar effect.
• A preview pane renderer for easy creation of a helper component to the rotating list's content children.
• Preview pane placements of top and bottom of the content children.
• Preview pane height settings to set an explicit height of the preview pane. If this property is not set, the component will use the measured or explicit height of the preview pane instance.
• A selected index and selected child property that works like a ViewStack component.
• A property for a possible custom tile state layout class. The default layout class tiles the children when in a full maximized state.
• The abiltiy to easily add a hand cursor and underline of the title in the child ListPaneFX instances.
• Move and Resize duration and easing styles to control the transitions of the child content.
• The abiltiy to turn on possible transitions of the child content's view to allow for effects such as Dissolve. Turning this setting off allows for maximum performance during transitions since the child content is hidden and not included in layout calculations.
• Full access to the ITitleBarControl interface of the ListPaneFX instances. This allows you to add icons, change button skins, format the title and position the title alignment.
• A super class MXMLTitleBar is included that already implements the ITitleBarControl interface. This allows you to easily create a new barRenderer for the ListPaneFX instances.

Conclusion

The RotatingListFX captializes on Teoti Graphix, LLC's expanding component framework and reuses the powerful pane and bar classes along with the solid interfaces of these classes.

If this component interests you, you might also take a look at the TaskPaneFX SWC component set. This set uses the same super classes as the RotatingListFX. In the help books of the task pane, you can apply the same styling methodology to this component set.

Make sure to check out the live swf examples to get a clear picture of what this component can do.