Creating Visual Experiences with Flex 3.0

11.2. Creating a Transition between View States

At the beginning of the “Transitions” section in Chapter 11, “Effects and Transitions,” Figure 11-5 was an example of a panel that expands to show additional fields required for the user to “Sign Up.” Rather than having to go to a completely different area to access these fields, it all happens in the same area. This helps the user maintain context and can be a welcome experience. In this exercise, you will create a panel that has two states and a transition between them as shown in Figure 11.2-1. The base state will have two text inputs: the first state is user login and the second state adds text inputs for a new user to sign up.

Figure 11.2-1. Revealing panel

1. Create a new Flex application ...