Skip to content
April 24, 2011 / Daniel Freeman

Getting started with MadComponents in Flash

I’ve had some time to do a bit more documentation for MadComponents.  I’ve created an illustrated pdf describing the madComponents mark-up language.

http://code.google.com/p/mad-components/downloads/list

Also, I promised instructions about how to get started with MadComponents in Flash.  (Flash Builder (Flex) users are likely to be able to figure things out themselves).

So here we go:-

1. Go to the Google Code site, and download the latest version of MadComponentsLib.swc, and also download MadFlash.zip.

2. Copy the library .swc to the libs folder.  For Flash CS5, you’ll find this directory at the following path:-

Adobe_Flash_CS5/Common/Configuration/ActionScript_3.0/libs

Once you copy it over, this directory will look something like this:-

3. Unzip MadFlash.zip, and open MadFlash.fla.

4. Test the movie in Flash Professional.  You may get the following dialogue:-

Click on “Update library path”.  (If you don’t get this dialogue, don’t worry).

5. When you see the simulated mobile screen, resize the window to look like the typical dimensions of a mobile screen.  (In Flash, MadComponents does not initially resize to fit the window size – but once you resize, it adjusts itself accordingly.)

Advertisements

4 Comments

Leave a Comment
  1. mike / Aug 22 2011 12:36 pm

    Hi im getting
    MadComponents_VIEWS_ICON.as line 10 the definition of base class BitmapAsset was not found
    can you tell me where I’m going wrong

    regards

    Mike

    • Daniel Freeman / Aug 23 2011 1:52 am

      That’s odd. You should have an image in a folder called images. images/list.png

      But maybe that’s not the issue. Did you add the Flex SDK path (step 4)? The BitmapAsset comes from mx.core.BitmapAsset, so it comes from the Flex SDK.

  2. Damon Sanchez (@darkriderdesign) / Dec 2 2011 3:40 pm

    Thank you this is really incredible.

    Is there something like this that exists with Android Skins in it?

To discuss MadComponents/MC3D, join the Facebook group!

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: