Caffeine Industries AS3 MadComponents Tutorial Series – Starting Out

AS3 MadComponents Tutorial Series – Starting Out

Posted in ActionScript 3, Blog, Flash, MadComponents, Portfolio, Programming, Tutorial, UI, Uncategorized on Friday, September 2nd, 2011 at 6:45 pm 2 Comments

MadComponents is an AWESOME ActionScript 3 library for mobile UI design and App development. It is really lightweight, fast and doesn’t use any of the FLEX framework*. MadComponents provides all the tools to make really nice functional mobile apps with Flash. One can choose to use pure ActionScript or use a combination of AS3 and XML. The XML implementation with MadComponents provides a clean method to populate and define the UI. If one comes from a background in Android development this will look very logical.

Daniel Freeman, the library author, has a nice collection of tutorials on his blog: http://madskool.wordpress.com/ I’ll list them in this post and attempt to extend them in subsequent posts.

Tutorial 1: FB 4.5 Hello World – done the MadComponents way

Tutorial 2: Images, and Nine Patch Images in MadComponents

Tutorial 3: Lists and Pickers

Tutorial 4: Building a mobile twitter client

Tutorial 5: Deploying to mobile devices

Tutorial 6: More MadComponents

Tutorial 7: MadComponents AMF Service Test Drive for Mobile

ExtendedMadness. More components and charts for mobile developers.

*I’m no zealot, but my experience with Flex on mobile has been a bit troubling. Number one, it is an extremely large library and has a lot of reported performance issues. I’m sure performance will get better as time goes on, as Adobe is working hard to fix this. Number two, MXML compiles down to AS3… so my thought is why waste time with MXML and just use AS3 from the onset, especially when Adobe asks you to code certain aspects (item renders) in AS3 anyway.

2 Comments to “AS3 MadComponents Tutorial Series – Starting Out”

  1. cole says:

    Building an Ipad app.
    Can you tell me how to add a list.
    Set the list.x = 500

    using the mad components xml?
    I am trying to do the twitter tutorial but i want everything to be on the right of the screen.

    label

    I have tried to add a columns but failed.

    • Michael says:

      Hi Cole,

      Apologies for taking a bit to reply. I just finished a tablet tutorial that yo can find here. This should accomplish what you are after. If you’d like another tutorial just shoot me an email of comment and I’ll see what I can do!

Leave a Reply

© 2012 Copyright Caffeine Industries. All Rights Reserved. Valid (x)HTML and CSS