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

6 Flex Builder Tutorials
5.
In the URL Prefix text box, enter the following URL:
http://localhost:8700/samples/
Caution: Flex Builder may auto-populate this text box with http://localhost:8700/flex/. Make sure
you change the value to http://localhost:8700/samples/.
To get the Flex server to compile files while you work, Flex Builder uploads the file to the
application root folder you specified and attempts to request it using the URL prefix.
The Flex Server Site Setup dialog box should look like this:
6.
Click OK to define the site and close the dialog box, and then click Done to close the Manage
Sites dialog box.
The Flex Builder site is defined and the tutorials are set up. To start working on a tutorial, see any
of the following:
•
“Tutorial: Creating a layout with Flex Builder” on page 6
•
“Tutorial: Building custom components with Flex Builder” on page 15
•
“Tutorial: Binding components to data with Flex Builder” on page 39
Tutorial: Creating a layout with Flex Builder
This tutorial shows you how to use Flex Builder to quickly lay out a Flex user interface.
You can complete this tutorial as a stand-alone unit or as the first 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 .
In this tutorial, you’ll accomplish the following tasks:
•
“Review the approved user interface mock-ups” on page 7
•
“Create an MXML file” on page 8
•
“Import your CSS styles” on page 9
•
“Position the page title” on page 9
•
“Position the catalog component” on page 11
•
“Position the product detail and shopping cart components” on page 12
•
“Add view buttons to the product catalog” on page 13