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.
Working with perspectivesPerspectives 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 perspectivesWhen 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 perspectiveThe
default perspective is indicated by the word default in parentheses
following the perspective name.
Open the Preferences dialog and select General > Perspectives.
Under Available Perspectives, select the perspective to define
as the default, and click Make Default.
Click OK.
Opening perspectives in a new windowYou
can specify to open perspectives in a new window.
Open the Preferences dialog and select General > Perspectives.
Under Open a New Perspective, select In A New Window.
To
switch back to the default, select In The Same Window.
Click OK.
Customizing a perspectiveTo
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 perspectiveOpen an existing perspective.
Show views and editors as desired.
For more information,
see Opening views, and Opening files for editing.
Select Window > Perspective > Save Perspective As (Window
> Save Perspective As in the plug-in configuration of Flash Builder).
In the Save Perspective As dialog box, enter a new name for
the perspective, then click OK.
Configure a perspectiveOpen the perspective to configure.
Select Window > Perspective > Customize Perspective
(Window > Customize Perspective in the plug-in configuration
of Flash Builder).
Click the Shortcuts tab or the Commands tab, depending on
the items you want to add to your customized perspective.
Use the check boxes to select which elements to see on menus
and toolbars in the selected perspective.
Click OK.
Select Window > Perspective > Save Perspective As (Window
> Save Perspective As in the plug-in configuration of Flash Builder).
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 perspectiveYou
can delete perspectives that were previously defined. You cannot
delete a perspective you did not create.
Open the Preferences dialog and select General > Perspectives.
Under Available Perspectives, select the perspective you
want to delete.
Click Delete, then click OK.
Resetting perspectivesYou
can restore a perspective to its original layout after you made
changes to it.
Open the Preferences dialog and select General > Perspectives.
Under Available perspectives, select the perspective to reset.
Click Reset, then click OK.
Working with editors and viewsMost 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 viewsPerspectives
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 viewsYou
can move views to different locations in the workbench, docking
or undocking them as needed.
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.
(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 viewsIn 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 viewsThere 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 viewsFast
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 viewsYou
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.
In Tasks or Problems view taskbar, click Filter.
Complete the Filters dialog box and click OK.
For more information about views, see Flash Builder Workbench Basics.
Creating working setsIf
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 setIn the Package Explorer view, open
the toolbar menu and select Select Working Set.
Select New.
Flash Builder provides two set types:
breakpoints (used in debugging) and resources.
Select the resources type and click Next.
Enter the working set name and then choose the projects in
the workspace that you want to include in the working set.
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 editingWhen 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 typesYou
can associate editors with various file types in the workbench.
Select Window > Preferences.
Click the plus button to expand the General category.
Click the plus button to expand the Editors category, and
then select File Associations.
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.
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.
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 workbenchYou 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 workbenchEdit the MXML or ActionScript file in the external editor
of your choice.
Save and close the file.
Start Flash Builder.
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 editorsThe 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.
Open two or more files in the editor area.
Select one of the editor tabs.
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.
(Optional) Drag the borders of the editor area of each editor
to resize the editors as desired.
Maximizing a view or editorThere
are several ways you can maximize a view or editor so that it fills
the workbench window.
Maximize (restore) a view or editorFrom 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 workspaceYou
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 workbenchYou
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 toolbarFlash
Builder lets you rearrange sections of the main toolbar. Sections
of the main toolbar are divided by a space.
Ensure that the toolbar is unlocked. From the context
menu for the toolbar, deselect Lock the Toolbars.
Move the mouse pointer over the vertical line “handle” that
is on the left side of the toolbar section you want to rearrange.
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 shortcutsOpen the Preferences dialog and select General
> Keys.
In the View screen of the Keys dialog box, select the command
you want to change.
In the Binding field, type the new keyboard shortcut you
want to bind to the command.
In the When pop-up menu, select when you want the keyboard
shortcut to be active.
Click Apply or OK.
 For a list of all keyboard shortcuts, go to
Help > Key Assist Changing fonts and colorsBy 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 colorsOpen the Preferences dialog and select General
> Appearance > Colors and Fonts.
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.
Set the font and color preferences as desired.
Changing colorsThe 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 colorsOpen the Preferences dialog and select
General > Appearance > Colors and Fonts.
Expand the Basic, CVS, Debug, Text Compare, or View and Editor
Folders categories to locate and select the color to change.
Click the color bar to the right to open the color picker.
Select a new color.
Controlling single- and double-click behaviorYou
can control how the workbench responds to single and double clicks.
Open the Preferences dialog and select General.
In the Open Mode section, make your selections and click
OK.
Searching in the workbenchSearching for filesFlash 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 declarationsFlash 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 viewThe 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 itSelect Window
> Other Views > General. (Window > Show View > Other
in the plug-in configuration of Flash Builder.)
Expand the General category, select Search, and click OK.
Working in the editor’s Source and Design modesThe
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 simultaneouslyFrom the option menu on the editor’s tab, select New Editor.
You
now have two editor tabs for the same file.
Drag one of the tabs to the right to position the editor
windows side-by-side.
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 shortcutsThe
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 preferencesYou
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 preferencesOpen the Preferences
window.
Expand General and select any of the categories of workbench
preferences and modify them as needed.
Click OK.
|
|