Video tutorial: Use Flex for your ActionScript coding for Flash CS4

There are a couple of ways you can use Flex and Flash together. I’ve already showed you a couple of those in previous tutorials. In this video, I’ll show you how to use the SWC files created by a Flex library project in Flash CS4. That way, you can have an ActionScript developer work in Flex who can then hand off compiled SWC files to a Flash designer.

Tags: , , , , , , , ,

19 Responses to “Video tutorial: Use Flex for your ActionScript coding for Flash CS4”

  1. James 09. Mar, 2009 at 11:46 am #

    Cool video.

    One question: Why are you using the vimeo player and not the Adobe TV embed player?

  2. Serge Jespers 09. Mar, 2009 at 11:49 am #

    Thanks James. I decided to consolidate all my videos in one place. They will still be available on Adobe TV but my Vimeo account will be my main “channel”.

  3. jenny 09. Mar, 2009 at 2:37 pm #

    Thank you sooo much I was looking for this so many time!

  4. Danny 09. Mar, 2009 at 8:54 pm #

    Informative as always!

    Thanks mate

  5. Not the same James 22. Mar, 2009 at 8:10 pm #

    Serge, using Vimeo…. good move. So sorry, but I can’t stand Adobe TV and am happy you put your videos on Vimeo.

    Cheers!

  6. Todd Perkins 28. Apr, 2009 at 8:57 pm #

    Is there an advantage to using this method over using a classpath in Flash connected to classes created in Flex? Great tutorial! Thanks!

  7. Thomas 07. Aug, 2009 at 12:51 pm #

    Hi Serge et al.,

    I’ve come across a strange problem when I tried to replicate this example on Windows XP. I did all the Flex steps as in the tutorial and then created a new file in Flash CS4 (“Untitled-1″). When I test the movie in Flash, everything’s fine. Also an additional trace statement after addChild(myRect); is displayed as expected in the Output panel.
    However, as soon as I save the ‘untitled’ .fla file to my hard disk the following happens when I test the movie: the movie itself is empty (no rectangle to be seen), no trace statement but also not any error message! The same problem occurs when I directly save the empty .fla to my hard disk and then link to the swc and add the timeline code.
    Do you have any suggestion why this happens – is it a bug or do I have to do an extra step when working with an already saved .fla file? Did anyone else come across this problem?

    Thanks,

    Thomas

  8. Thomas 07. Aug, 2009 at 1:23 pm #

    Hi all, it’s me again. I’ve got some more info about the problem I described in my previous post: it actually matters on which hard disk partition I save the .fla file (no matter if it’s from the ‘untitled’ state or if I do “Save as…”)!

    I’ve got two Windows partitions, C: and D: All my Adobe software and the linked .swc file are on C: If I save the .fla file to D: and then test the movie, nothing happens. If I (re)save the .fla file to C: and then test the movie, everything works fine! Any comments or suggestions why this happens?

  9. Edwin 28. Dec, 2009 at 7:50 pm #

    Amazing! Thanks a lot. I was really looking for this stuff. It’s great! Very Informative

  10. Gareth 19. Feb, 2010 at 11:34 pm #

    Okay, Serge, this is great, but… what I really need is to be able to use Flex Components (i.e. TextArea, RichTextEditor) in my Flash CS4 app. Can you show us how to do that?

    Thanks!

  11. Shawn 02. Mar, 2010 at 7:51 pm #

    This does not work for me. I add the SWC to my library path and I get Definition not found errors when I publish. However, if I add the Flex src folder to the source library, it works fine. Are there any reasons why the SWC file would not get picked up, or would be built in a way that CS4 would be unable to reference the AS files in the library

Trackbacks/Pingbacks

  1. Andrea Trento - 09. Mar, 2009

    RT @sjespers Video tutorial: Use Flex for your ActionScript coding for Flash http://is.gd/mvgc

  2. Yesterday « Marc Hibbins - 09. Mar, 2009

    [...] (09.03.09): Serge now has a video tutorial over on his blog demonstrating how to use simple Flex Library Projects in Flash. Possibly related posts: [...]

  3. Kevin Suttle - 09. Mar, 2009

    @sjespers: Thank you for making sense of the Flex Library Project’s purpose.
    http://tinyurl.com/894dyf

  4. localToGlobal » Blog Archive » news review -> 11th week of 2009 - 13. Mar, 2009

    [...] > Video tutorial: Use Flex for your ActionScript coding for Flash CS4 | Serge Jespers [...]

  5. Metodología actionscript 3.0 - Workflow Flex/Flash CS4 para actionscript projects | blog.arturoparacuellos.com - 15. Mar, 2009

    [...] que permite trabajar conjuntamente con flex sacando el mismo swf. Para los expertos en la materia aquí hay un vídeo del Adobe Evangelist Serje Jespers que lo explica muy [...]

  6. Forcing your Flex code into Flash | by Hans Van de Velde - 28. Apr, 2009

    [...] March 2009]: In Flash CS4 you can now use a Flex library SWC, check out this demo by Serge: http://www.webkitchen.be/2009/03/09/video-tutorial-use-flex-for-your-actionscript-coding-for-flash-c... addthis_url = ‘http%3A%2F%2Fwww.novio.be%2Fblog%2F%3Fp%3D9′; addthis_title = [...]

  7. Helpful How-To Links « AUW BlogShop Students - 26. Jun, 2009

    [...] http://www.webkitchen.be/2009/03/09/video-tutorial-use-flex-for-your-actionscript-coding-for-flash-c…. Another useful tutorial video to look [...]

  8. » Yesterday Marc Hibbins - 02. Sep, 2009

    [...] (09.03.09): Serge now has a video tutorial over on his blog demonstrating how to use simple Flex Library Projects in Flash. « I Found Out Learn [...]

Leave a Reply