Lesson 3. Laying Out the Interface

What You Will Learn

In this lesson, you will:

• Use containers

• Lay out an application in Design mode

• Work with constraint-based layouts

• Work with view states

• Control view states

• Lay out an application in Source mode

Approximate Time

This lesson takes approximately 1 hour and 30 minutes to complete.

Lesson Files

Media Files:

None

Starting Files:

Lesson03/start/EComm.mxml

Lesson03/start/Dashboard.mxml

Completed Files:

Lesson03/complete/EComm.mxml

Lesson03/complete/Dashboard.mxml

Every application needs a user interface, and one of the strengths of Adobe Flex Builder 2 is that it is simple for developers to use it to lay out the interface for their applications. In this lesson, you will learn about many of the containers in Flex, what differentiates them, and how to use them when laying out your applications. Using states, you can then make the applications dynamically change to react to users!

The user interface (UI) for the e-commerce application