Structure View (IDE Tutorial)

From Appmethod Topics
Jump to: navigation, search

Go Up to Tools Index (IDE Tutorial)


The contents of the Structure View reflect the IDE's current mode. The Structure View shows either the hierarchy of the source code that is currently open in the Code Editor or the components currently displayed in the Designer. The tree diagram is synchronized with the Object Inspector and the Form Designer, so that when you change mode in the Structure View, the mode also changes for both the Object Inspector and the Form Designer.

To display the Structure View, choose View > Structure.

If the Structure View is displaying the structure of Designer components, you can single-click a component in the tree diagram to select it on the form. You can also double-click any component in the Structure View to open the Code Editor to a place where you can write an event handler for that component.


TutorialIDEFig2-16.png

Figure 2-16. Structure View in Form Designer mode


If displaying the structure of source code or HTML, you can double-click an item in the list to jump to its declaration or location in the Code Editor.


TutorialIDEFig2-17.png

Figure 2-17. Structure View in Code Editor mode


Any code syntax errors are displayed in the Structure View. To locate an error in the Code Editor, double-click it in the Structure View.

You can also use the Source View to change components' relationships. For example, if you add panel and check box components to your form, the two components are siblings. If you drag the check box on top of the panel icon in the Structure View, the check box becomes a child of the panel.

The Structure View is also useful for displaying relationships between database objects.

You control the content and appearance of the Structure View by choosing Tools > Options > Environment Options > Explorer and changing the settings.


TutorialIDEFig2-18.png

Figure 2-18. Structure View explorer options


For more information...

see Structure View.

Next

The Code Editor