Navigators

Prof Rama Satish K.V.

RNSIT, Bangalore
 Navigator
Navigators are controls that allow users to
navigate from screen to screen, page to
page, section to section, or option to
option within a Flex application.
We can further categorize navigator
controls as follows: accordion, divided
boxes, option bars, and view stacks.
 Accordion Controls
The accordion control consists of two or
more collapsible containers.
Only one element within an accordion can
be visible at a time.
The other elements in the accordion are
collapsed so that only a title bar is visible.
 Option Bars
Option bars consist of the following:
ButtonBar, LinkBar, MenuBar, and
ToggleButtonBar.
Each option bar type is similar in that they
provide a convenient way in which to
create groups of controls, whether
buttons, link buttons, menus, and so on.
 View Stacks
View stacks allow you to group together a set of
containers and display just one at a time.
This is useful when you want to use a
page/screen/section metaphor.
The easiest way to work with a view stack is to
use the tab navigator control, which has view
stack behavior built in.
Heres an example of a tab navigator with nearly
the same form contents used earlier in the
accordion example:
 Control Bars
Control bars allow you to group together all the
controls for a panel or title window.
Application control bars are the application-wide
analogs to control bars. Each allows you to
group together all the controls for that container,
even if they are nonuniform(not all buttons, etc.).
Control bars work with title window and panel
components, and you should add them as the
last child for a title window or panel. You can
then place controls within the control bar. Heres
an example:
 Application Control Bar
The application control bar works similarly,
but it is applied only to an application
container.
By default, the application control bar
scrolls with the rest of the content.
However, it is possible to set the dock
property to true to dock the control panel
such that it does not scroll. Heres how
you would do that:
 Next Class
Action Scripts