Flex Builder Shortcuts

Here’s a list of useful shortcuts for Flex Builder skanked from David Zuckerman and some added in the comments by Douglas Knudsen.

Open type
(Ctrl-Shift-T)* – this lets you browse all the types (AS classes/interfaces, MXML files) in your project and quickly open them.

Goto Definition(F3/Ctrl-click on identifier)* – quickly jump to the definition of an identifier (type/variable/function).

Quick Outliner
(Ctrl-O)* – get the outline view as a pop-up window, with the added ability to type and filter down to the function/member variable that you’re looking for.

Context sensitive help
(F1 on an identifier/tag) – for an MXML tag, function or class/interface, show the help entry for that item in the Eclipse Help Panel.

Open context sensitive help
(Shift-F2 on an identifier) – for an MXML tag, function or class/interface, show the help entry for that item in the integrated Help browser. This will most likely open a new browser window.

Jump to matching brace
(Ctrl-Shift+P)* – jumps to the matching brace if your cursor is to the left or right of a given balanced brace.

Display type
Hover over an identifier – when you put your mouse over a variable, we display its type. When you hover over a function, we display its return type (if it has one).

Add CDATA block
(Ctrl-Shift-C) in MXML – wraps a given selection in a CDATA block.

Event type hinting
(Ctrl-space) – addEventListener( will display all the events that are relevant targets for a listener function.

Fold all functions/ASDoc comments/comments in ActionScript
With folding enabled, right-click on the vertical gutter, drill down to “Folding”.

Organize imports
(Ctrl + Shift + O)* – Sorts the imports in ActionScript files, removes duplicates and consolidates when needed

Delete current line
(Ctrl + D)

Move current line
(Ctrl + Alt + Up/Down) – Moves the current line to the line before/after

Open source in the SDK for MXML tag
(Ctrl + left-click on mxml tag)

Open source in the SDK for MXML tag and move to attributes in source
(Ctrl + left-click on a attribute of a mxml tag)

12 Responses to “Flex Builder Shortcuts”

  1. [...] 6
    list of flex builder shortcuts from tink

    joshuajnoble wrote this 12:22 pm:
    Flex Builder shortcuts on Tink.com which is great. Except that I don’t use FB, i use Eclips [...]

  2. I’ll add….

    ctrl + d – deletes current line. Absolutely sucks being next to the s key!
    ctrl + alt + up/down – copies current line to the line before/after.
    ctrl + left-click on mxml tag – opens the source in the SDK for that tag.
    ctrl + left-click on a attribute of a mxml tag – opens the source in the SDK for that tag and moves to the attributes location in teh source.

    DK

  3. Sam De Meyer says:

    I was wondering if it was possible to fold functions inside a script block? It is easier to get an overview of your code when de functions are folded. I know this is possible in a as3 file, but I haven’t found this in the script block.

    thnx

  4. [...] Flex Builder Cheat Sheet Sure, there are several places out there where you’ll find this information, but nothing really in an easy-to-print form y [...]

  5. Deril says:

    Hi,

    do you know how to make flex generate end tag in MXML….

    like… turn

    to

    with one keypress… (Sow it on video tutorial…)

  6. Tink says:

    If you open an MXML tag and add an “>” at the end of it, it will automatically create the closing tag in FB.

  7. Deril says:

    Thanks…
    not really a shortcut… :) but handy…

  8. dustin says:

    ctrl + d – deletes current line. Absolutely sucks being next to the s key!

    I agree… but i’m getting use to it. Its nice to have a way to delete with the left hand.

  9. Chris says:

    Is there a keyboard shortcut for adding comment code?

  10. Tink says:

    hey Chris

    Apple + / will comment and uncomment all selected lines of code.

  11. [...] n về đối tượng xem trước đó/sau đó Ctrl-Space: Code hinting Thamk khảo http://www.tink.ws/blog/flex-builder-shortcuts/ Posted in .NET | Tagged action s [...]

  12. Hi,

    I have a problem in Flex Builder with Display type. When I wait over a class or variable as you mentioned, I get a descriptive tooltip about return types but it’s short and I often can’t see the return type part because it’s where it’s being cut.

    Is there any way to overcome this?

    Thanks,

Leave a Reply