Archive for the 'FDT' Category

Eclipse 3.5 and FDT 3.2 for Actionscript development – Part 5 – Keyboard Shortcuts

 

SEARCHING

CTRL + Shift + RJump to a resource. Includes classes and any other files (such as XML files)
CTRL + HSearch (rather than find) allows you to search within the entire workspace
CTRL + FSearch in one file (CTRL+K/CTRL+SHIFT+K: next/previous)
CTRL + JFind within document. Type the word you want to find then use up and down to skip between instances. Press ESC to cancel
CTRL+J/CTRL+SHIFT+JIncremental search (search as you type)

NAVIGATING

F2Select class in flash explorer
F3Show property/method declaration/implementation
F4Show type declaration
F5Show superclass
CTRL + TShow type hierarchy
CTRL + RSearch references
CTRL + LGo to line
CTRL + UShow type dependency
CTRL + OShow quick outline

EDITING SINGLE FILES

ALT + UpArrowMove line up
ALT + DownArrowMove line down
CTRL + D / CTRL + SHIFT + DDelete line/duplicate line
SHIFT + ENTER / CTRL + SHIFT + ENTERAdd indented line after/before
CTRL + 7Comment/uncomment line
CTRL + (numeric)- / CTRL + (numeric)+Fold/unfold other methods
CTRL + MMaximize view
CTRL + (numeric)ENTERAlternative to CTRL+M

EDITING MULTIPLE FILES

CTRL + PageDown / CTRL + PageUpMove to next/previous open file
CTRL + F6Alternative to CTRL+PageDown/CTRL+PageUp
ALT + LeftArrow/ ALT + RightArrowNavigate to next/previous opened files (history)

GENERATING

CTRL + SpaceInsert code template/auto complete code
CTRL + SHIFT + OOrganize imports

FIXING

CTRL + 1Show fixes (if error bulb is shown)

BUILDING

CTRL + F11Start last run
CTRL + OOpen an outline of functions within the current class to jump to
CTRL + Shift + TJump to a type (class or interface). Only works when an .as or .mxml file is open
CTRL + LJump to a line number
CTRL + Shift + CWrap / Unwrap selected text in a block comment (/* */)
CTRL + Shift + /Comment / uncomment the selected line using an inline comment (//)
CTRL + Shift + DAdd ASDoc style comment
CTRL + DDelete the selected text or the actual cursor line
CTRL + UPMove the selected up
CTRL + DOWNMove the selected text down
CTRL + Option + UP or DOWNDuplicate the selected text above or below the selected line
CTRL + XMake selected text ALL CAPS
CTRL + YMake selected text all lowercase
CTRL + Shift + RRename selected element (using refactor)
CTRL + MMaximize / Minimize current view
CTRL + TabJump to an open file editor
CTRL + Shift + LKeyboard command list. Press it again to edit commands
CTRL + Shift + GFind any references to the selected element within your project
CTRL + Click or F3Jump to the definition of the selected element
CTRL + Shift + PJump to matching bracket. e.g. jump from } to {
Tab / Shift + TabIndent / Un-indent selected text
CTRL + Option + Left / RightJumps to the location of the previous / next edit without undoing your change

Source: http://dispatchevent.org/mims/flexbuilder-keyboard-shortcuts/

Eclipse 3.5 and FDT 3.2 for Actionscript development – Part 4 – Customization

1) Eclipse Splash Screen

There are two ways of changing the Eclipse splash screen, manually or using the Random Splash Screen plugin:

  • Manually
    Put the “splash.bmp” file in the folder C:\eclipse\ and add the following line to the file C:\eclipse\eclipse.ini:

    1
    2
    -showsplash
    splash.bmp
  • Random Splash Screen
    Everytime Eclipse starts, Random Splash Screen overwrites Eclipse’s splash screen with a random image picked from your personal image folder. This image is then displayed on the next Eclipse start.Website: http://sourceforge.net/projects/rndsplash/To modify the plugin options go in

Since I was not satisfied with the splash screens that I found I asked my friend Denio Barani to design a splash screen more appealing, and here are the four versions:

Eclipse Splash Screen 1 (391.67 kB)
Eclipse Splash Screen 2 (391.67 KB)
Eclipse Splash Screen 3 (391.67 KB)
Eclipse Splash Screen 4 (391.67 KB)

Here a list of various splash screens that I found around the web:

2) Eclipse icon

I don’t like a lot the standard Eclipse icon so here you can find some different ones:

To convert the images to icons use the iConvert website.

Eclipse 3.5 and FDT 3.2 for Actionscript development – Part 3 – Configuration

In the second post of the serie I suggested some useful plugins. Now is time to configure the Eclipse and FDT installation.

Obviously this is my way of configuring both, so if you would like to make some changes I suggest you to explore all the menus and submenus in Eclipse because you’ll find a lot of interesting properties that can be customized to suit your needs. Here is my configuration.

1) Eclipse preferences configuration

  • Window -> Preferences -> General -> Always run in background
    Window -> Preferences -> General -> Show heap status

    pref_general
  • Window -> Preferences -> General -> Editors -> Text Editors -> Show line numbers
    pref_general_editors_texteditors
  • Window -> Preferences -> General -> Keys -> Select the “Run Ant Build” and in Binding press CTRL + ENTER to bind this shortcut to the command
    pref_general_keys

2) FDT preferences configuration

  • Window -> Preferences -> FDT -> Build Path -> Output folder name: deploy
    pref_fdt_buildpath
  • Window -> Preferences -> FDT -> Code style -> Formatter -> Set how you you want your code formatted
    pref_fdt_codestyle_formatter
  • Window -> Preferences -> FDT -> Core Libraries -> AS3 Core Libraries -> Add…
    pref_fdt_corelibraries_1
    Type: Flash CS3
    Name: FLASH_CS4
    _COMPONENTS
    click Browse…
    pref_fdt_corelibraries_2


    click New...
    pref_fdt_corelibraries_3

    Name: FLASH_CS4_COMPONENTS
    Location: C:\Program Files\Adobe\Adobe Flash CS4\Common\Configuration\ActionScript 3.0\FP10
    click OK


    pref_fdt_corelibraries_4

    click OK


    pref_fdt_corelibraries_5

  • Window -> Preferences -> FDT -> Editor -> Code Assist -> Auto activation triggers for AS: abcdefghijklmnopqrstuvwxyz_.:
    pref_fdt_editor_codeassist
  • Window -> Preferences -> FDT -> Editor -> Folding -> Leave Folding enabled checked and uncheck all the others
    pref_fdt_editor
  • Window -> Preferences -> FDT -> Tools -> Flash -> Flash IDE: C:\Program Files\Adobe\Adobe Flash CS4\Flash.exe
    Window -> Preferences -> FDT -> Tools -> Flash -> Flash Player: C:\Program Files\Adobe\Adobe Flash CS4\Players\FlashPlayer.exe

    Window -> Preferences -> FDT -> Tools -> Flash -> Flash ASO Directory:
    C:\Documents and Settings\User\Local Settings\Application Data\Adobe\Flash CS4\en\Configuration\Classes\aso
    pref_fdt_tools_flash
  • Window -> Preferences -> FDT -> Tools -> Flash Help -> Click Update Help
    pref_fdt_tools_flash_help

3) Perspective customization

  • Window -> Customize Perspective -> Tool Bar Visibility -> Disable FDT MXML Coding
    persp_toolbar_visibility
  • Window -> Customize Perspective -> Command Group Availability -> Disable Annotation Navigation
    Window -> Customize Perspective -> Command Group Availability -> Disable Editor Navigation
    Window -> Customize Perspective -> Command Group Availability -> Disable FDT MXML Codingpersp_command_groups
  • Window -> Customize Perspective -> Shortcuts -> Submenus: New -> Disable MXML Class
    persp_shortcuts_new
  • Window -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Enable Flash FDT
    Window -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Disable Java
    Window -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Disable Resourcepersp_shortcuts_open_persp

Select if it’s not already selected Window -> Open Perspective -> Other… Flash FDT and press OK

persp_open_persp

Then close this views:

  • SWF Viewer
  • Javadoc View

Then open the Ant view from Window -> Show View -> Ant and dock it with the Outline panel.
If you want you can select the button Link with Editor inside the Flash Explorer so the current file you are editing will be selected in the Flash Explorer project tree.
The final look will be this (click to enlarge):


ide_normal

I suggest you to move the minimized toolbars (like Flash Explorer, Outline Panel, Problems, etc.) at the bottom of the interface so when everything is minimized and you’re writing code you’ve the maximum space available like this (click to enlarge):


ide_maximized

Next Page »