ASTRA TabBar
TabBar is a UI component used for switching between different application states. Implemented as a dynamically resizing row of Tab buttons, whose labels are controlled by a DataProvider.
Getting Started: TabBar for Flash CS3
Similar to other Flash components, you can create a TabBar by placing an instance on the stage or by using ActionScript to create an instance dynamically.
Initializing a TabBar on the Stage
The easiest way to create a TabBar is to drag it from the Components panel to the stage. This will immediately create a TabBar instance and add it to the display list. You may use the Properties panel to set some of its basic properties, such as the data provider, and to change the position and size of the component. For more advanced functionality, you must manipulate the TabBar with ActionScript.
To see a live example, please install Adobe Flash Player version 9 or higher and ensure that JavaScript is enabled.
Download the FLA file.
Initializing a TabBar with ActionScript
To add a TabBar to your application with ActionScript, you must first include the TabBar component in your library. Drag it from the Components panel directly to the library, or drag an instance to the stage and immediately delete it (the component will stay in your library). Additionally, you must import the following classes in your class or frame script.
To include a TabBar in your application with ActionScript, you must first add the TabBar component to your library. You can do so by dragging it from the Components panel directly to the library, or by dragging an instance to the stage, and immediately removing it (it will stay in your library). Additionally, you need to import the following classes for use in your class or frame script.
The class com.yahoo.astra.fl.controls.TabBar is the main required class for a TabBar control. The second import, fl.data.DataProvider, is the same data provider type that is used by the Flash CS3 list class. You should use this class to pass data to the TabBar to display.
Like any other Flash display object, you must add a TabBar to the display list by passing it to the addChild method on the intended parent. The following example instantiates a TabBar and modifies a few properties before attaching it to its new parent.
As you can see, TabBar works like any other components in Flash. The above example passes some data to the TabBar, highlights the first tab, and positions it ten pixels from the top and left edges of the stage. In this case, the TabBar component will display three tabs with labels.
To see a live example, please install Adobe Flash Player version 9 or higher and ensure that JavaScript is enabled.
Download the FLA file.
For additional topics, please read Using TabBar, or take a look at the Examples section for functional demonstrations. The ActionScript 3.0 Class Reference contains full details on every property, method, and style available to the TabBar component.