You use Adobe® Flex® Builder™ to create applications that change their appearance depending on tasks performed by the user. For example, the base state of the application could be the home page and include a logo, sidebar, and 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.

Topics

• 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