
Use the Outline view 191
Use the Outline view
You use the Outline view to inspect the structure of and navigate to elements of your code.
1. Select and open the CodeEditor.mxml file and add the following code to the Panel or add
any controls that you’d like:
<mx:Panel width="250" height="250" layout="absolute" >
<mx:Label text="Name" x="10" y="25"/>
<mx:TextInput width="150" id="userName" x="70" y="25"/>
<mx:Label text="Password" x="10" y="55"/>
<mx:TextInput width="150" id="userPassword" x="70" y="55"/>
<mx:Button label="Submit" x="80" y="150"/>
</mx:Panel>
2.
Select the Outline view (Window > Outline or Window > Show Views > Flex > Outline
in the plug-in configuration of Flex Builder) and you see the structure of your MXML
document displayed as a hierarchy of components contained with the parent tag, as shown
here:
3. Select a component (a Label for example) and it is highlighted in the code editor.
Navigating your code using the Outline view is especially useful when you’re working with
large documents.
The Outline view contains two modes: MXML and Class. In MXML mode, the Outline
view displays the MXML components and their values (as shown above). In Class mode,
the application is expressed as classes and their members, as shown here:
Switch between the MXML and Class modes using the Outline view toolbar.
Comentários a estes Manuais