// you’re reading...

Extending Flash Builder

My 360Flex presentation: Flex Builder Secrets

Thanks to everyone who came out to 360Flex, it was great seeing so many people interested in Flex and Builder. And thanks to the attendees for filling all three days of my talk!

I’m publishing my presentation (GPI samples)here for those of you who missed it, and there’s also a chance that a video of my presentation from the third day will be published online as well. If that goes up, I’ll throw a link to it here.

In addition to the presentation, I’m also publishing the source to the Class Browser plugin that I used as my demo. I’ve attached a Creative Commons Non-Commercial license to the code, so feel free to hack it and include the source if you distribute it. For those who just want the plugin, just drop the JAR into Flex Builder 2.0.1.

Since so many people at 360 Flex expressed interest in learning more about extending Flex Builder, I’m going to start (about once a week) supplying code samples and other information for people to get started.

Discussion

27 comments for “My 360Flex presentation: Flex Builder Secrets”

  1. Sweet! This is awesome, thanks for taking the time to put together examples. I had no idea this was possible and I’ve wanted to see if I could add some things to FB, now I have no excuse :)

    Posted by Roger Braunstein | March 12, 2007, 3:46 pm
  2. [...] david zuckerman » My 360Flex presentation: Flex Builder Secrets “I’m publishing my presentation (GPI samples)here for those of you who missed it, and there’s also a chance that a video of my presentation from the third day will be published online as well. If that goes up, I’ll throw a link to it here. [...]

    Posted by Calgary CTO :: 360Flex - Flex Bulder Secrets | March 13, 2007, 5:27 am
  3. Hey David, great presentation at 360Flex! Would you mind posting the source and jar for the comment toggle? That’s a killer feature, but I wasn’t able to figure out how to re-create it from the slides alone.

    Posted by Aaron King | March 13, 2007, 3:31 pm
  4. Hi Aaron, the JAR/source are actually published already. Click on the ClassBrowserPlugin link in my post to download it. Good luck!

    Posted by david.z | March 13, 2007, 3:55 pm
  5. Hello David~ Well, I love that joke from your manager.
    Good day!
    And, my flex-builder is often failed to show the code hints while I write in-line event handler. For instance,

    {someData}


    Can I make hints happened? :)
    Thank you very much!

    Posted by RobertDx | March 13, 2007, 10:25 pm
  6. Got it! Thanks, David! One more quick question for you… On my machine the comment toggle works great for .as files, but doesn’t do anything on actionscript in the script block of an .mxml file. Is there a way to get it to work for script blocks too?

    Posted by Aaron King | March 14, 2007, 9:00 am
  7. Hi Robert- I’ll be sure to tell my manager you loved her joke, it will make her day. As for hinting in child event tags, it’s not supported in Flex Builder 2. It was a late addition to MXML and it was passed the point where we could safely fix it. However, this is fixed in Moxie (next version of Flex Builder). Hope you can wait a little longer. Thanks!

    Posted by david.z | March 14, 2007, 10:11 am
  8. Hi Aaron- I just tried this locally and i got the same result…looks like a bug :)

    I’ll take a crack at it when I get a chance (or feel free to give it a try) and post an updated version when I fix it

    Posted by david.z | March 14, 2007, 10:14 am
  9. Hello David~ Thank you. I will keep waiting. I will be a big fan of Moxie :)
    Have a nice day~

    Posted by RobertDx | March 14, 2007, 5:11 pm
  10. [...] презентация David-а Zuckerman-а “Flex Builder Secrets”: * Eclipse and Flex Builder 2 feature highlights * Extending Flex Builder * Modifying Code Coloring * Hacking the Property Inspector * Building Extensions * Adding menus and views to Flex Builder * Welcome to the Code Model * Let’s build something! * Class/Interface Browser http://davidzuckerman.com/adobe/2007/03/11/my-360flex-presentation-flex-builder-secrets/ теперь есть и видео: http://davidzuckerman.com/adobe/2007/03/15/flex-builder-secrets-now-with-video/ 5 27 [...]

    Posted by a Z3Labs.com 1 16 » Blog Archive 1 24 » Секреты Flex Builder 36 | March 15, 2007, 5:36 pm
  11. Hi David~ sorry for bothering you again.
    I wonder if there is any plugin for auto-generating getters/setters of actionscript ?
    When I ask my colleague how to code many getters/setters quickly, he just says:
    ” Type faster ! ” >.

    Posted by RobertDx | March 15, 2007, 10:24 pm
  12. Hello David..
    Nice presentation..
    Thanks for sharing.

    Posted by Savvas Malamas | March 16, 2007, 1:42 am
  13. David,

    I don’t know if this is extending Flex or something that is already there, but I can’t seem to figure how to make a scroll wheel scroll data in a datagrid or a list-type component. I see that it is enabled by default in the TextArea component. I have seen various examples of its functionality (e.g. JamJar) that work (at least on PCs, the Mac doesn’t scroll in JamJar) but I have no idea how to add it to another component. I would be very appreciative if you could post how to do this or at least point me in the right direction.

    Thanks.

    -a

    Posted by Andy Roberts | March 20, 2007, 11:23 am
  14. Hi Andy-

    Let me ask around the office and see if I can get a good answer for you.

    -david

    Posted by david.z | March 20, 2007, 4:46 pm
  15. david:
    Do you know if there is a way to turn off the auto select on a textfield in the flex builder? Ex. I always screw up my width/height when I just want to change a couple of pixels and when I click on the text field it highlights the whole # and I’m not paying attention and it changes from “320″ to 4 because I went to change it to 324.

    Is there an option to turn this off or a hack to fix it. I know I can do a double click on the field and it will not highlight it, but I would like it to do the reverse. Only highlight the whole # if I do double click.

    I hope I made some sense in the post.

    Thanks.
    Brett

    Posted by Brett Halsey | March 22, 2007, 2:00 pm
  16. Hi Brett-

    No way to hack that, however I’ll let the engineer who’s working on that know about your concerns

    thanks!

    -david

    Posted by david.z | March 22, 2007, 2:55 pm
  17. Brett –

    Good timing! We actually just addressed this issue today. Now, if you drag a selection with the mouse — e.g. selecting the “0″ in “320″ to replace it with “4″ — we leave your selection as-is. Does that work for you?

    Now as long as you can hold your breath till the next release… :-)

    - Peter
    Adobe

    Posted by Peter Flynn | March 22, 2007, 4:55 pm
  18. Peter -

    very cool, but what would be even better is if you click on the end of the number (e.g. “320′click here’” it wouldn’t select anything @ all so I can just hit the backspace and replace the “0″ with “4″. I like your new fix for the first or middle part of the number but would be better (well I think) if it jsut didn’t select anything @ all if clicking @ the end.

    Thanks for listening to your users….you guys are a very cool company!!!

    Brett

    Posted by Brett Halsey | March 22, 2007, 6:36 pm
  19. David-

    Another question. Is there a hack/fix for a split view for both design and code.

    I have tried the trick where you open another instance (new editor) of the same file and drag that to the bottom of the screen, then set that to design view and have the top part set to code view. It works, but the code view loses the code hinting and the color code. This happens when you toogle to the design view on one of the files. Is there a way around this? Or does this need to be fixes in a update. I would also love to see a true split view like dreamweaver has in a future version of flex. It is very helpful when you are working with different states and what to jump to a element fast.

    Thanks,
    Brett

    Posted by Brett Halsey | March 23, 2007, 6:17 am
  20. David-

    Update on my last post. I noticed that it will actually keep the code hinting and the color code, It looks like the bug is if you accidentally toggle one of the views that is when it loses it.

    Guess there isn’t a hack in this…sorry. Are you guy aware of this?

    Thanks again for listening,
    Brett

    Posted by Brett Halsey | March 23, 2007, 6:27 am
  21. Yes, we’re aware of this and it’s always been on our list of things to unofficially support. We turn off code coloring when you’re in design view which explains the behavior you are seeing (for performance reasons) I can’t make any promises for he next release, but it’s on the list of things I’d like to get done

    -david

    Posted by david.z | March 23, 2007, 8:57 am
  22. Hi David!

    I missed this completely over the last couple of weeks.
    I love the presentation, it’s always nice when someone adds something extra in there…FSSSHHHH!!!! And that ‘S.K.’ was a spinning techno plates is even more of a revelation!

    Just one little tiny suggestion from my side. I’d like the import organizer to remove unused imports….it’s a tiny annoyance, but at the same time I can’t image it would be very hard to hack in ?

    Really like this stuff….thanks for sharing!

    Ralph.

    Posted by Ralph Hauwert | April 13, 2007, 2:16 pm
  23. Next time you see S.K you should definitely bring it up. He has some great stories to tell.

    So the better organize imports feature is on the list right now to go into Moxie. We’ll be able to take advantage of the reference engine to pull it off.

    -david

    Posted by david.z | April 13, 2007, 4:49 pm
  24. [...] Actually, I made that up   I should say “I hope it’s nice” especially since I’ll be speaking at 360|Flex Seattle.  I had a great time at the first 360|Flex and I got to meet some awesome Flex developers.  The upcoming conference should have even more people and even more Flex goodness…I can’t wait! I’ll most likely be giving an updated version of the talk I gave at the first 360|Flex in San Jose, called Flex Builder Secrets.  For those of you who saw my presentation, are there any additions you’d like to see?  And for those who didn’t, what would you want out of a talk called Flex Builder Secrets? [...]

    Posted by david zuckerman/adobe » I hear Seattle is nice in August from the 13th to the 15th… | April 25, 2007, 2:44 pm
  25. [...] david zuckerman » My 360Flex presentation: Flex Builder Secrets [...]

    Posted by Code Sweat Blog » Blog Archive » Some Flex 2 Related Links (pt. two) | July 5, 2007, 6:27 am
  26. David,

    Thanks for the secrets they are great!!

    When I drop a control (TextIput) on a Form a FormItem gets automagically created (Wraps the TextInput control). When I do this: myForm extends Form and myFormItem extends FormItem … and attempt to drop a control on myForm, nothing happens! How do I get Flex Builder to automagically create/wrap a control with myFormItem when I drop it on myForm?

    Thanks J.D.

    Posted by JD | July 16, 2007, 6:30 am
  27. Hi J.D.,

    Sounds like a bug to me, please log it at http://bugs.adobe.com/flex. Thanks!

    -David

    Posted by david.z | July 16, 2007, 9:14 am

Post a comment