Flex 2 Developer's Guide > Flex Programming Topics > Using View States > Defining and applying view states > Applying view states

Applying view states

You can set the view state of any Flex component, including the Application component. A component can have different view states at different times, but is in only one view state at a time.

• The component's currentState property specifies its view state. As a general rule, you should use this property to change view states.
• You can also change a component's view state by calling the setCurrentState() method of the UIComponent class. Use this method when you do not want to apply a transition that you have defined between two view states.
• To specify the base view state, set the currentState property to "".
• Many applications change view states in response to events. Applications can also change the view state based on conditions such as the user status, including whether or not the user is logged in.

The following example code lets the user change between two view states by clicking Button controls; button b1 sets the view state to the newButton state, and button b2 sets the view state to the base state.

<mx:Button id="b1" label="Add a Button" click="currentState='newButton';"/>
<mx:Button id="b2" label="Remove Added Button" click="currentState='';"/>

Flex 2.01