MACROMEDIA FLEX-FLEX BUILDER, Tutorial, Page: 8 / 56

8 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 “Tutorial: Building custom
components with Flex Builder” on page 15 ). 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 “About MXML files” in Using Flex Builder Help.
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.