ADOBE® FLEX® BUILDER™ 3: USING ADOBE FLEX BUILDER 3

ADOBE FLEX BUILDER 3

Using Adobe Flex Builder 3

219

You cannot use the Flex Properties view to set the properties of nonvisible components such as effects, formatters,

and validators. You must set the properties of these components in the code.

The toolbar of the Flex Properties contains the following buttons:

Standard view Displays the most commonly used properties in a form layout.

Category view Displays the properties in a categorized list.

Alphabetical view Displays the properties in an alphabetical list.

To use a default property value, or use the value set by a CSS rule, leave the field blank.

Flex Navigator view

The Flex Navigator view allows you to manage the projects and resources contained within the workspace.

Outline view

You use the Outline view to more easily inspect and navigate the structure of your MXML and ActionScript

documents.

States view

The States view shows the states defined for the current application in Flex Builder. The list of states appears in a tree

structure, showing which states are based on which other states.

Your view contains the following options:

The tree structure Lets you select a state to display and edit in the MXML editor’s Design mode. When you select

a state in the tree, Flex Builder displays the state’s layout in Design mode. You can modify the layout by using the

design tools in Flex Builder.

New State Lets you create a state. For more information, see “Setting running and debugging preferences” on

page 223.

Edit State Properties Lets you edit some basic properties of the selected state. You can also double-click the state

in the tree to edit the properties. For more information, see “Edit State Properties dialog box” on page 219.

Delete State Lets you remove the selected state. If you attempt to delete a state that other states are based on, a

dialog box appears to warn you that the other states will be deleted too. You can cancel the operation or confirm that

you want to delete the state.

Selecting Edit > Undo restores the state that you deleted.

New State dialog box

The New State dialog box lets you define a new state. It contains the following options:

Name Lets you specify the name of the new state.

Based On Lets you select the state on which to base the new state. The pop-up menu lists the states defined in the

current document.

Set As Start State Shows this state when the application starts.

Edit State Properties dialog box

The Edit State Properties dialog box lets you modify the properties of an existing state, such as its name and whether

it appears when the application starts. It contains the following options:

Name Lets you specify a new name for the state. You cannot rename the base state.