Adding View States and Transitions

You can use Adobe Flex Builder 2 to create applications that change their appearance depending on the task that the user is performing. For example, the base state of the application could be the home page and include a logo, a sidebar, and some welcome content. When the user clicks a button in the sidebar, the application dynamically changes its appearance (its state), replacing the main content area with a purchase order form but leaving the logo and sidebar in place.

In Flex, you can add this kind of interactivity with view states and transitions. A view state is one of several views that you define for an application or a custom component. A transition is one or more effects grouped together to play when a view state changes. The purpose of a transition is to smooth the visual change from one state to the next.

This topic contains the following sections:

About view states and transitions
Creating a view state
Creating a state based on an existing state
Setting a non-base state as the starting state
Setting the initial state of a component
Switching states at run time
Modifying the appearance of existing states
Deleting a view state
Creating a transition

Flex 2.01

Take a survey