Macromedia flex builder-using flex builder 用户手册

Working with the code in Flex files

77

To view both Code and Design views:

1.

Do one of the following:

■

Click the Split button on the Document toolbar.

■

Select View > Code and Design. 

The code appears in the top pane while a visual representation of the file appears in the 
bottom pane. 

2.

To adjust the size of the panes in the Document window, drag the splitter bar to the desired 
position. 

The splitter bar is located between the two panes.

3.

To get a more accurate view of the layout, click the Standard button on the toolbar to remove 
the padding and borders around objects in Design view.

Standard mode gives you a more accurate view of the layout. This mode is ideal in Split view if 
you prefer to work in the code but you still like to get visual feedback about the changes you 
make. For more information, see 

4.

Click in either pane to start editing.

Code view is updated automatically when you make changes in Design view. When you make 
changes in Code view, however, do one of the following to update Design view:

■

Click anywhere in Design view.

■

Click the Refresh Design View button on the toolbar.

■

Press F5.