Navigating and customizing the Flash Builder workbench

The term workbench refers to the Flash Builder development environment. The workbench contains three primary elements: perspectives, editors, and views. You use all three in various combinations at various points in the application development process. The workbench is the container for all the development tools you use to develop applications.

Note: For more information about some of the Eclipse workbench features, see the Eclipse Workbench User’s Guide at http://help.eclipse.org/help31/index.jsp.

Working with perspectives

Perspectives include combinations of views and editors that are suited to performing a particular set of tasks. For example, you normally open the Flash Debugging perspective to debug your application.

For an overview of perspectives, see About Flash Builder perspectives.

Opening and switching perspectives

When you open a file that is associated with a particular perspective, Flash Builder automatically opens that perspective. The stand-alone configuration of Flash Builder contains three perspectives:

  • Flash Development

  • Flash Debugging

  • Flash Profiling

The Flash Profiling perspective is available with Flash Builder Premium.

 Select Window > Perspective or choose Other to access all other Eclipse perspectives. (In the plug-in configuration of Flash Builder, select Window > Open Perspective.)

You can also click the Open Perspective button in the upper-right corner of the workbench window, then select a perspective from the pop-up menu.

To see a complete list of perspectives, select Other from the Open Perspective pop-up menu.

When the perspective opens, its title changes to display the name of the perspective you selected. An icon appears next to the title, allowing you to quickly switch back and forth between perspectives in the same window. By default, perspectives open in the same window.

Setting the default perspective

The default perspective is indicated by the word default in parentheses following the perspective name.

  1. Open the Preferences dialog and select General > Perspectives.

  2. Under Available Perspectives, select the perspective to define as the default, and click Make Default.

  3. Click OK.

Opening perspectives in a new window

You can specify to open perspectives in a new window.

  1. Open the Preferences dialog and select General > Perspectives.

  2. Under Open a New Perspective, select In A New Window.

    To switch back to the default, select In The Same Window.

  3. Click OK.

Customizing a perspective

To modify a perspective’s layout, you change the editors and views that are visible in a given perspective. For example, you could have the Bookmarks view visible in one perspective, and hidden in another perspective.

You can also configure several other aspects of a perspective, including the File > New submenu, the Window > Perspective > Other submenu, the Window > Other Views submenu, and action sets (buttons and menu options) that appear in the toolbar and in the main menu items. (Menu names differ slightly in the plug-in configuration of Flash Builder.)

Create a new perspective

  1. Open an existing perspective.

  2. Show views and editors as desired.

    For more information, see Opening views, and Opening files for editing.

  3. Select Window > Perspective > Save Perspective As (Window > Save Perspective As in the plug-in configuration of Flash Builder).

  4. In the Save Perspective As dialog box, enter a new name for the perspective, then click OK.

Configure a perspective

  1. Open the perspective to configure.

  2. Select Window > Perspective > Customize Perspective (Window > Customize Perspective in the plug-in configuration of Flash Builder).

  3. Click the Shortcuts tab or the Commands tab, depending on the items you want to add to your customized perspective.

  4. Use the check boxes to select which elements to see on menus and toolbars in the selected perspective.

  5. Click OK.

  6. Select Window > Perspective > Save Perspective As (Window > Save Perspective As in the plug-in configuration of Flash Builder).

  7. In the Save Perspective As dialog box, enter a new name for the perspective and click OK.

    When you save a perspective, Flash Builder adds the name of the new perspective to the Window > Perspective menu (Window > Open Perspective in the plug-in configuration of Flash Builder).

Deleting a customized perspective

You can delete perspectives that were previously defined. You cannot delete a perspective you did not create.

  1. Open the Preferences dialog and select General > Perspectives.

  2. Under Available Perspectives, select the perspective you want to delete.

  3. Click Delete, then click OK.

Resetting perspectives

You can restore a perspective to its original layout after you made changes to it.

  1. Open the Preferences dialog and select General > Perspectives.

  2. Under Available perspectives, select the perspective to reset.

  3. Click Reset, then click OK.

Working with editors and views

Most perspectives in the workbench are composed of an editor and one or more views. An editor is a visual component in the workbench that is typically used to edit or browse a resource. Views are also visual components in the workspace that support editors, provide alternative presentations for selected items in the editor, and let you navigate the information in the workbench.

For an overview of editors and views, see About the workbench.

Opening views

Perspectives contain predefined combinations of views and editors. You can also open views that the current perspective might not contain.

 Select Window and choose a Flash Builder view or select Window > Other Views to choose other Eclipse workbench views. (In the plug-in configuration of Flash Builder, select Window > Show View.)

After you add a view to the current perspective, you can save that view as part of the perspective. For more information, see Customizing a perspective.

You can also create fast views to provide quick access to views that you use often. For more information, see Creating and working with fast views.

Moving and docking views

You can move views to different locations in the workbench, docking or undocking them as needed.

  1. Drag the view by its title bar to the desired location.

    As you move the view around the workbench, the pointer changes to a drop cursor. The drop cursor indicates where you’ll dock the view when you release the mouse button.

    You can drag a group of stacked views by dragging from the empty space to the right of the view tabs.

    You can also move a view by using the view’s context menu. Open the context menu from the view’s tab, select Move > View, move the view to the desired location, and click the mouse button again.

  2. (Optional) Save your changes by selecting Window > Perspectives > Save Perspective As (Window > Save Perspective As in the plug-in configuration of Flash Builder).

Rearranging tabbed views

In addition to docking views at different locations in the workbench, you can rearrange the order of views in a tabbed group of views.

 Click the tab of the view to move, drag the view to the desired location, and release the mouse button. A stack symbol appears as you drag the view across other view tabs.

Switching between views

There are several ways to switch to a different view:

  • Click the tab of a different view.

  • Select a view from the flash builder Window menu.

  • Use a keyboard shortcut

    Use Control+F7 on Windows, Command+F7 on Macintosh. Press F7 to select a view.

    For a list of all keyboard shortcuts, go to Help > Key Assist

Creating and working with fast views

Fast views are hidden views that you can quickly open and close. They work like other views, but do not take up space in the workbench while you work.

Whenever you click the fast view icon in the shortcut bar, the view opens. Whenever you click anywhere outside the fast view (or click Minimize in the fast view toolbar), the view becomes hidden again.

Note: If you convert the Package Explorer view to a fast view, and then open a file from the Package Explorer fast view, the fast view automatically is hidden to allow you to work with that file.

Create a fast view

 Drag the view you want to turn into a fast view to the shortcut bar located in the lower-left corner of the workbench window.

The icon for the view that you dragged appears on the shortcut bar. You can open the view by clicking its icon on the shortcut bar. As soon as you click outside the view, the view is hidden again.

Restore a fast view to normal view

 From the view’s context menu, deselect Fast View.

Filtering the Tasks and Problems views

You can filter the tasks or problems that are displayed in the Tasks or Problems views. For example, you might want to see only problems that the workbench has logged, or tasks that you logged as reminders to yourself. You can filter items according to which resource or group of resources they are associated with, by text string in the Description field, by problem severity, by task priority, or by task status.

  1. In Tasks or Problems view taskbar, click Filter.

  2. Complete the Filters dialog box and click OK.

For more information about views, see Flash Builder Workbench Basics.

Creating working sets

If your workspace contains many projects, you can create a working set to group selected projects together. You can then view separate working sets in the Package Explorer and Task views and also search working sets rather than searching everything in the workspace.

Create a working set

  1. In the Package Explorer view, open the toolbar menu and select Select Working Set.

  2. Select New.

    Flash Builder provides two set types: breakpoints (used in debugging) and resources.

  3. Select the resources type and click Next.

  4. Enter the working set name and then choose the projects in the workspace that you want to include in the working set.

  5. Click Finish.

    The working set is immediately applied to the Package Explorer view and only those projects and resources contained in the set are displayed.

Display all projects in the workspace

 In the Package Explorer view, open the toolbar menu and choose Deselect Working Set.

Opening files for editing

When you open a file, you launch an editor so that you can edit the file.

 Do one of the following:
  • From the context menu for the file in one of the navigation views, select Open.

  • Double-click the file in one of the navigation views.

  • Double-click the bookmark associated with the file in the Bookmarks view.

  • Double-click an error warning or task record associated with the file in the Problems view.

This opens the file with the default editor for that particular type of file. To open the file in a different editor, select Open With from the context menu for the file. Select the editor to use.

Associating editors with file types

You can associate editors with various file types in the workbench.

  1. Select Window > Preferences.

  2. Click the plus button to expand the General category.

  3. Click the plus button to expand the Editors category, and then select File Associations.

  4. Select a file type from the File Types list.

    To add a file type to the list, click Add, enter the new file type in the New File Type dialog box, and then click OK.

  5. In the Associated Editors list, select the editor to associate with that file type.

    To add an internal or external editor to the list, click Add and complete the dialog box.

  6. Click OK.

    You can override the default editor preferences from the context menu for any resource in one of the navigation views. Select Open With from the context menu.

Editing files outside the workbench

You can edit an MXML or ActionScript file in an external editor and then use it in Flash Builder. The workbench performs any necessary build or update operations to process the changes that you made to the file outside the workbench.

Refresh an MXML or ActionScript file edited outside the workbench

  1. Edit the MXML or ActionScript file in the external editor of your choice.

  2. Save and close the file.

  3. Start Flash Builder.

  4. From one of the navigation views in the workbench, select Refresh from the context menu.

    If you work with external editors regularly, you can enable auto-refresh. To do this, select Window > Preferences, expand the General category, select Workspace, and check Refresh Automatically. When you enable this option, the workbench records any external changes to the file. The speed with which this happens depends on your platform.

Tiling editors

The workbench lets you open multiple files in multiple editors. But unlike views, editors cannot be dragged outside the workbench to create new windows. You can, however, tile editors in the editor area, so that you can view source files side by side.

  1. Open two or more files in the editor area.

  2. Select one of the editor tabs.

  3. Drag the editor over the left, right, upper, or lower border of the editor area.

    The pointer changes to a drop cursor, indicating where the editor will appear when you release the mouse button.

  4. (Optional) Drag the borders of the editor area of each editor to resize the editors as desired.

Maximizing a view or editor

There are several ways you can maximize a view or editor so that it fills the workbench window.

Maximize (restore) a view or editor

  • From the context menu on the view or editor’s title bar, select Maximize (Restore).

  • Double-click the tab of a view.

  • From the Flash Builder menu, select Window > Maximize/Restore.

  • Click the Maximize/Restore icons in the upper-right corner of the view or editor.

Switching the workspace

You can work in only one workspace at a time. When you install and run Flash Builder for the first time, you are prompted to create a workspace, which becomes the default workspace. You can create other workspaces and switch among them by either selecting the workspace when you start Flash Builder or by selecting File > Switch Workspace.

Customizing the workbench

You can customize the workbench to suit your individual development needs. For example, you can customize how items appear in the main toolbar, create keyboard shortcuts, or alter the fonts and colors of the user interface.

Rearranging the main toolbar

Flash Builder lets you rearrange sections of the main toolbar. Sections of the main toolbar are divided by a space.

  1. Ensure that the toolbar is unlocked. From the context menu for the toolbar, deselect Lock the Toolbars.

  2. Move the mouse pointer over the vertical line “handle” that is on the left side of the toolbar section you want to rearrange.

  3. Click the handle and drag the section left, right, up, or down. Release the mouse button to place the section in the new location.

    To prevent accidental changes, lock the toolbar again from the toolbar context menu.

Changing keyboard shortcuts

  1. Open the Preferences dialog and select General > Keys.

  2. In the View screen of the Keys dialog box, select the command you want to change.

  3. In the Binding field, type the new keyboard shortcut you want to bind to the command.

  4. In the When pop-up menu, select when you want the keyboard shortcut to be active.

  5. Click Apply or OK.

For a list of all keyboard shortcuts, go to Help > Key Assist

Changing fonts and colors

By default, the workbench uses the fonts and colors that your computer’s operating system provides. However, you can customize fonts and colors in a number of ways. The workbench lets you configure the following fonts:

Banner font
Appears in the title area of many wizards. For example, the New Flex Project wizard uses the Banner font for the top title.

Dialog font
Appears in widgets and dialog boxes.

Header font
Appears as a section heading.

Text font
Appears in text editors.

CVS Console font
Appears in the CVS console.

Ignored Resource font
Displays resources that CVS ignores.

Outgoing Change font
Displays outgoing changes in CVS.

Console font
(Defaults to text font) Appears in the Debug console.

Detail Pane Text font
Defaults to text font) Appears in the detail panes of Debug views.

Memory View Table font
(Defaults to text font) Appears in the table of the Memory view.

Java Editor Text font
(Defaults to text font) Appears in Java editors.

Properties File Editor Text font
(Defaults to text font) Appears in Properties File editors.

Compare Text font
(Defaults to text font) Appears in textual compare or merge tools.

Java Compare Text font
(Defaults to text font) Appears in Java compare or merge tools.

Java Properties File Compare Text font
(Defaults to properties file editor text font) Appears in Java properties file compare or merge tools.

Part Title font
(Defaults to properties file editor text font) Appears in view and editor titles.

View Message font
(Defaults to properties file editor text font) Displays messages in the view title bar (if present).

Plug-ins that use other fonts might also provide preferences that allow for customizing. For example, the Java Development Tools plug-in provides a preference for controlling the font that the Java editor uses (In the Preferences dialog, select > General > Appearance > Colors and Fonts > Java > Java Editor Text Font).

The operating system always displays some text in the system font (for example, the font displayed in the Package Explorer view tree). To change the font for these areas, you must use the configuration tools that the operating system provides (for example, the Display Properties control panel in Windows).

Changing fonts and colors

  1. Open the Preferences dialog and select General > Appearance > Colors and Fonts.

  2. Expand the Basic, CVS, Debug, Text Compare, or View and Editor Folders categories to locate and select the font and colors to change.

    Note: You can also click Use System Font instead of Change to set the font to a reasonable value that the operating system chooses. For example, in Windows, selecting this option causes Flash Builder to use the font selected in the Windows Display Properties control panel.
  3. Set the font and color preferences as desired.

Changing colors

The workbench uses colors to distinguish different elements, such as error text and hyperlink text. The workbench uses the same colors that the operating system uses. To change these colors, you can also use the configuration tools that the system provides (for example, the Display Properties control panel in Windows).

Change colors

  1. Open the Preferences dialog and select General > Appearance > Colors and Fonts.

  2. Expand the Basic, CVS, Debug, Text Compare, or View and Editor Folders categories to locate and select the color to change.

  3. Click the color bar to the right to open the color picker.

  4. Select a new color.

Controlling single- and double-click behavior

You can control how the workbench responds to single and double clicks.

  1. Open the Preferences dialog and select General.

  2. In the Open Mode section, make your selections and click OK.

Searching in the workbench

Flash Builder provides a search tool that lets you quickly locate resources. For more information about searching for text in a particular file, see Finding and replacing text in the editor.

Searching for files

Flash Builder lets you conduct complex searches for files.

 In the plug-in version of Flash Builder select Search > Search or Search > File.

In the stand-alone version of Flash Builder select Edit > Find in Files.

Note: Click Customize to define what kinds of search tabs are available in the Search dialog box.

Searching for references and declarations

Flash Builder includes advanced search features that are more powerful than find and replace. To help you understand how functions, variables, or other identifiers are used, Flash Builder lets you find and mark references or declarations to identifiers in ActionScript and MXML files, projects, or workspaces. For more information, see Finding references and refactoring code.

Using the Search view

The Search view displays the results of your search.

Open a file from the list

 Double-click the file.

Remove a file from the list

 Select the file to remove and click Remove Selected Matches.

Remove all files from the list

 Click Remove All Matches.

Navigate between matched files

 Click Show Next Match or Show Previous Match.

View previous searches

 Click the down arrow next to Show Previous Searches and select a search from the pull-down list.

Return to the Search view after closing it

  1. Select Window > Other Views > General. (Window > Show View > Other in the plug-in configuration of Flash Builder.)

  2. Expand the General category, select Search, and click OK.

Working in the editor’s Source and Design modes

The MXML editor in Flash Builder lets you work in either Source or Design mode. You can also use Flash Builder to create a split view so that you can work in both Source and Design modes simultaneously.

View your file in Design mode

 Click Design at the top of the editor area.

View your file in Source mode

 Click Source at the top of the editor area.

Work in both Source and Design modes simultaneously

  1. From the option menu on the editor’s tab, select New Editor.

    You now have two editor tabs for the same file.

  2. Drag one of the tabs to the right to position the editor windows side-by-side.

  3. Set one of the editors to Design mode, and set the other editor to Source mode.

Switch between the Source and Design modes

 Press Control+`(Left Quote).

Accessing keyboard shortcuts

The keyboard shortcuts available to you while working in Flash Builder depend on many factors, including the selected view or editor, whether or not a dialog is open, installed plug-ins, and your operating system. You can obtain a list of available keyboard shortcuts at any time using Key Assist.

 Select Help > Key Assist.

Setting workbench preferences

You can set preferences for many aspects of the workbench. For example, you can specify that Flash Builder should prompt you for the workspace you want to use at startup, you can select which editor to use when opening certain types of resources, and you can set various options for running and debugging your applications.

Your Flash Builder preferences apply to the current workspace only. You can, however, export your workbench preferences and then import them into another workspace. This may be helpful if you are using multiple workspaces, or if you want to share your workbench preferences with other members of your development team.

You can also set preferences for individual projects within a workspace. For example, you can set separate compiler or debugging options for each of your Flex projects.

Set Flash Builder workbench preferences

  1. Open the Preferences window.

  2. Expand General and select any of the categories of workbench preferences and modify them as needed.

  3. Click OK.