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

Tutorial: Building custom components with Flex Builder 19
Build the thumbnail view component
According to the following mock-up, the thumbnail view component should display the Flex
Store product catalog as a set of thumbnails with names and prices. The user can select the
thumbnail view by clicking a button at the lower edge of the catalog.
The thumbnail view component will not contain any product data in this tutorial. Another
tutorial describes how to add data (see
“Tutorial: Binding components to data with Flex Builder”
on page 39 ).
1.
In Flex Builder, select File > New.
The New Document dialog box appears.
2.
Select Flex Development in the left pane and MXML Component:Vertical in the right pane,
and then click Create.
The dialog box closes and a component file with a VBox container appears.
3.
With the insertion point still blinking in the VBox container, specify the values for the following
properties in the Attributes panel:
■
Size > height
: Clear the value.
■
Size > width
: Clear the value.
■
Styles > verticalGap
: 0