MACROMEDIA FLEX-FLEX BUILDER, Руководство, Страница: 15 / 56

Tutorial: Building custom components with Flex Builder 15
Tutorial: Building custom components with Flex Builder
In this tutorial, you learn how to use Flex Builder to create custom components, the building
blocks of Flex applications. The Flex Store application requires the following custom
components:
•
Two catalog components that give the user different views of the product catalog
•
A product detail component that gives the user more detail on a product the user clicks in
the catalog
•
A shopping cart component that lists the products the user wants to purchase
You can complete this tutorial as a stand-alone unit or as the second part of a multipart tutorial.
In either case, you must complete the setup tutorial before you begin. For instructions, see
“Tutorial: Setting up a development environment” on page 1 .
The tutorial includes a pre-built set of files so you can complete the tutorial without completing
the layout tutorial first. If you completed the layout tutorial, you can overwrite the files in the
fbComponents folder with your files in the fbLayout folder.
In this tutorial, you will accomplish the following tasks:
•
“Build the grid view component” on page 16
•
“Build the thumbnail view component” on page 19
•
“Build the product detail component” on page 21
•
“Build the shopping cart component” on page 28
•
“Insert the view components in the Flex Store layout” on page 32
•
“Insert the detail and cart components in the layout” on page 34
•
“Activate the catalog view buttons” on page 35