Macromedia flex builder-using flex builder User Manual

28

Chapter 2:  Flex Builder Tutorials

The user will also have the option of viewing thumbnails in the product catalog on the left side of 
the layout. The second mock-up file, uiThumbs.png, shows this thumbnail view:

The layout contains the following custom components:

•

Two interchangeable product catalog components on the left side, which give the user two 
views of the catalog

•

A product detail component on the upper right side

•

A shopping cart component on the lower right side

Another tutorial shows you how to build these components (see 

). In this tutorial you create the basic layout of the 

application.

Create an MXML file

In this part of the tutorial, you take the first step in laying out the application by creating an 
MXML file. MXML is a XML-based language for building Flex applications. For more 
information, see 

1.

In Flex Builder, make sure the Flex Builder Samples site is selected in the Files panel.

2.

Select File > New.

The New Document dialog box appears. 

3.

Select Flex Development in the left pane and MXML Application in the right pane, and then 
click Create.

The dialog box closes and a blank MXML file appears.