Tutorial: Creating a layout with Flex Builder
27
Review the approved user interface mock-ups
During the planning and approval stages of the project, members of your team produced final
mock-ups of the user interface for the Flex Store. You will use these mock-ups to guide you when
you create the MXML layout.
The final mock-ups for the Flex Store application are stored in your fbLayout folder:
/fbLayout/mockups
You can open a mock-up file in your favorite image editor from the Files panel in Flex Builder.
This feature is useful if you want to quickly change or touch up a mock-up.
1.
In Flex Builder, make sure the Flex Builder Samples site is selected in the Files panel.
If the Files panel is closed, select Window > Files to open it.
2.
In the Files panel, locate the uiGrid.png image and double-click it.
Flex Builder opens the image in your default image editor. For more information on setting a
default image editor, see “Setting external image editor preferences” in Using Dreamweaver
Help.
The first mock-up file, uiGrid.png, shows the general layout of the Flex Store user interface:
Summary of Contents for FLEX BUILDER-USING FLEX BUILDER
Page 1: ...Using Flex Builder...
Page 116: ...116 Chapter 4 Building a Flex User Interface Visually...
Page 144: ...144 Chapter 6 Working with Data...
Page 154: ...154 Appendix A Basic Flex Concepts...