Flash in Flex tutorial installation guide

27 Feb

My internship guide Maikel asked me to find out what you have to do to get Flash in Flex. I started to search for a nice tutorial about this but I have to say that there isn’t a step by step tutorial that is explaining this. Opportunity for me to help people.

If you already installed flexComponentKit and patched Flex builder 2.0.1 you can skip this installation guide and start building my WeatherComponent tutorial

Why use Flash in Flex?

  • It is very easy to make animations in Flash
  • Flash is easier to control movement from animations

to use Flash in Flex you need the next 3 programs:

  • Flash CS3
  • Flex Builder 2.0.1 (I used that one don’t know if my tutorial works for other versions)
  • Adobe Extention Manager

Installation
first I guide you true the installation because this is pretty complex. I hope that they make it in Flex Builder 3 easier.

Note: I wrote this installation tutorial for Windows

Flash installation

  1. Download the FlexComponentKit. If you download it from the adobe site you get version 1.o.o and this is version 1.1.2 that I got from the Flex Builder 3 SDK
  2. Start Adobe Extention Manager (can be found in: START -> Programmes -> Adobe (of Adobe CS3) -> Adobe Extension Manager CS3)
  3. After started Adobe Extension Manager go to: File -> Install Extention…
  4. Now browse to the “FlexComponentKit.mxp” file and click “install”.
  5. The Flash CS3 installation is ready. The Flex Builder installation is complexer

Flex installation

  1. First download the flex201patch.zip
  2. Make sure that Flex Builder 2.0.1 is closed
  3. Browse to the Flex Builder folder “lib” that can be found in:
    1. Windows Standalone: C:\Program Files\Adobe\Flex Builder 2\Flex SDK 2\lib
    2. Windows Plugin: C:\Program Files\Adobe\Flex Builder 2 Plug-in\Flex SDK 2\lib
  4. Make a backup from these files: swfkit.jar, mxmlc.jar & fdb.jar
  5. Now copy and past the files “swfkit.jar, mxmlc.jar & fdb.jar” from the downloaded en extracted folder “flex201patch” to the “lib” folder and overwrite the other files if you get that question
  6. Go to the “lib” folder in “\com.adobe.flexbuilder.flex_2.0.155577 plugin”. Found in:
    1. Windows Standalone: C:\Program Files\Adobe\Flex Builder 2\plugins\com.adobe.flexbuilder.flex_2.0.155577\lib
    2. Windows Plugin: eclipse\plugins\com.adobe.flexbuilder.flex_2.0.155577\lib
  7. Make a backup from the files: swfkit.jar, mxmlc.jar & fdb.jar
  8. And again copy paste the “swfkit.jar, mxmlc.jar & fdb.jar” files from the downloaded “flex201patch” folder to “lib” folder and replace the old files
  9. The Flex Builder installation is ready now, congratulations

Related posts:

3 Responses to “Flash in Flex tutorial installation guide”

  1. Murali 08. Apr, 2008 at 13:43 #

    Hi,
    Here i am doing flash animation into flex with help of your tutorial.. my doubt is i am using flex 3 version, is that i need to install flex 2.0.1patch is required?

    Regards
    Murali.J

  2. Arno Manders 08. Apr, 2008 at 13:52 #

    No you don’t have to patch Flex Builder 3 anymore. You only have to install the Flash Extention.

    More info here:
    http://blog.flexexamples.com/2007/09/02/installing-the-flex-component-kit-for-flash-cs3/

Trackbacks and Pingbacks

  1. Arno Manders » Blog Archive » Flash in Flex tutorial: Flash Weather Component - 27. Feb, 2008

    [...] If you finished the Flash & Flex installation you can now continue with this tutorial. If you have no clue where i’m talking about you have to make sure that you installed the Flex component kit and Flex 2.0.1 patch correct. I explain that in the installation guide [...]

Leave a Reply