Accessing SWFs from Flex and Vice-Versa

I’ve seen a number of questions regarding the interaction between a SWF and Flex. The idea is that you create some Flash content, perhaps a navigation bar, and you want to have events that happen within the SWF processed by the Flex app in which the SWF is embedded. Or you have the reverse: controls in the Flex app modify the behavior of an embedded SWF.

Both types of interactions are possible. You will be able to cook up more elaborate and elegant solutions, but this should get you started.

Download samples

The sample file contains a Flash document and Flex application. The Flash document contains a spinning ball and a few functions. The Flex application controls the color of the ball and can pause or resume its spin. The ball in the Flash document is covered by an invisible button which when click, invokes a method in the Flex application.

The key here is the Flex Loader’s content property. Once the SWF has loaded and the Loader fires its “complete” event, the content property is the SWF.

You can pass a reference to the Flex application (or any component) to the SWF in the complete event handler:

<mx:Loader source=”Ball.swf” complete=”” />

Within the SWF, you can now reference “flexApp” and invoke the “onBallClick” function.

Once the SWF has been loaded into the Flex application, you can invoke methods or set values in the SWF from the Flex application. For example, when you press the Pause (Flex) button, the SWF’s pause() method is invoked:


Use the sample files as a guide to building your own hybrid applications.

Tip: Try not to use any of the Halo (or V2) components in your Flash document. The Flex components and Flex components while similar are not 100% compatable. Besides, why would you use buttons, labels, and datagrids in Flash when you have Flex?!?

9 Responses to Accessing SWFs from Flex and Vice-Versa

  1. Chris Phillips says:

    <mx:VBox width=”400″ height=”400″>
    <mx:Image id=”swf” source=”Flash/JustMovie.swf”/>
    <mx:Button label=”gotoAndStop” click=”swf[0].gotoAndStop(9)”/>
    <mx:HSlider width=”320″ id=”slider” tickInterval=”1″ minimum=”1″ maximum=”15″ snapInterval=”1″ change=”swf[0].gotoAndStop(slider.value)” liveDragging=”true” />

  2. Eric Luo says:

    can u upload some examples for this?

  3. hiphen(china) says:

    Oh! Too has been really good!
    Chris Phillips’s examples is very good too!

  4. Dirk Eismann says:

    Ok – now just tell me how to load a Breeze Presentation SWF (that main.swf) into Flex and I owe you some beer 🙂

  5. pemoke says:

    What about Flash Paper 2 .swf? Tried to load it into Flex, didn’t happen … just a broken image icon showed after some delay…

  6. Peter Ent says:

    You should be able to load a Flash Paper SWF using

  7. pemoke says:

    Could you please point to a sample for loading Flash Paper into Flex?

    It loads fine into Flash with 2 lines of code, but with Flex I am experiencing problems – especialy with the size. I took sample from Flash Paper 2 home page and it will size to maximum of 300x150px. Tried absolute/relative sizes for and even wrapping in but it won’t size beyond 300×150. Here is mine:

    I’ve also noticed some inaccuracies in behaviours of some components in Flash players for Win MS IE vs. Mozilla. Is there a bug resource/listing somewhere available?

  8. pemoke says:

    code sample in re. prev. post was removed, so again here without tags:

    mx:HBox width=”100%” height=”100%”
    mx:Image source=”frontdoor_doc.swf”