FlashCanon Flash Platform stuff from Jason Fincanon

Making Flash and Flex talk (Part 1)

I recently ran into some issues making Flex talk to a loaded swf while also allowing that loaded swf to talk to its Flex parent. I had done it once before on a prior project but since it was a one-time deal, I had forgotten exactly what I did to accomplish the task. I knew it had to do with casting the SWFLoader.content as a MovieClip, but I still needed to go digging back to the old project to make sure I had all of the correct steps. That was when problem #2 showed up... I couldn't remember which project I did this in. So, as the next logical step, me and a friend started doing some research online and found less than satisfactory results/answers to our questions.This lead me to feeling the need to write this post not only for my own future reference but also in hopes that it may show up in someone else's search results and help them in the future.

This example involves a total of 3 files: FF_Talk_Simple.mxml, ffTalkSimpleSwf.swf and, of course ffTalkSimpleSwf.fla.
You can view the source code either here or by right-clicking on the example and clicking "View Source". You can also grab the zip containing these files via the download link at the end of this post.

THE CODE:
Let's take a look at the source and break it down just a little.

FLEX SIDE:
In the mxml file, I start by declaring a couple of variables (flashSaid and mySwfMc).
flashSaid will be used to populate a dynamic text field so you can see that your string has actually made it from Flash to Flex and mySwfMc will be used as a reference to your loaded swf child.

Next, is a function named setSwfMc. This function is called from the SWFLoader when your child swf has finished loading. Once called, setSwfMc does two things. First, it casts the content of the SWFLoader as a MovieClip (this is required in order to access everything inside the child swf). Next, it passes a reference to the Flex parent into the child swf (this will be covered in the Flash code below).

The other two functions in the mxml file handle the communication on this end of the conversation. They are named listenToFlash and talkToFlash and you can probably guess what they do pretty quickly. listenToFlash will be called from the child swf and it is expecting a to recieve a string. Once called, it takes that string and assigns it as the value of the flashSaid variable mentioned earlier. Since that variable is [Bindable], the text field is updated and you know it worked. The other function here, talkToFlash, is very similar but it is sending instead of receiving. Within talkToFlash, we are calling a function named listenToFlex that resides in the child swf. Much like the listenToFlash functon, listenToFlex is expecting a string to be passed.

FLASH SIDE:
The code in the child swf is not that far off from the code in the parent mxml.
If you recall from above, we passed a reference to the Flex parent into the swf and assigned it as the value of a variable named myFlexParent. So it stands to reason that we need to declare such a variable and that's the first thing that happens in the swf. Next, we do just as we did in the mxml file and set up the conversation functions (talkToFlex and listenToFlex). Since these do pretty much the same thing as their counterparts in the mxml, I'll save you the trouble of reading it twice (and me the trouble of typing it twice). The last thing you see in the code below is just the listener for the button to talk to flex.

THE EXAMPLE:

UP NEXT:
Part 2 of this topic will be very similar to this post except that I will be implementing listeners and a custom event to communicate between Flex and its loaded swf child. I'll try to have that up today or tomorrow.

DOWNLOAD THE ZIP:
Source files here.