Building a BMI Calculator Application in Flash Lite – Step By Step Walkthrough



Body Mass Index Calculator , or BMI Calculator is a common health application to carry about in your pocket. So today we will see how to build our very own BMI Calculator in Flash Lite. But as in our earlier walk-throughs, you get to see the screen cast of the BMI Calculator application in action, before jumping into the tutorial.

Live Demo

Get Adobe Flash player

Prerequisites

To get started you will need the Sony Ericsson’s component set. If you haven’t already got it, you can download it here: Sony Ericsson components for flash lite.

Flash Lite components By Sony Ericsson

Flash Lite components By Sony Ericsson

You can then follow this article for setup instructions on installing the component set in your Flash IDE.

Once you have installed the .mxp package you are ready to start !

Step 1: Open Device central and select to create a Flash type document.

Device Central Start Screen

Step 2: Select a generic Flash Lite document template to start with. for our walk-through we will select the following settings:

  • Device : Flash Lite 2.0 32 240 x 320
  • Player version : Flash Lite 2.0
  • ActionScript version: ActionScript 2.0
  • Content Type : Standalone Player

Once you are ready, press “Create†to open up Flash IDE. After Flash is open in document view, open up the components panel from under “Window†menu.  ie:Window -> Components

Flash IDE - Components View

Step 3: Drag the ListSingleRow and the SoftKeys component to stage and then delete it. They will now be available in the library. ( you can also directly drag it into the library if you wish)

Preparing the UI

bmi calculator stage

BMI Calculator Stage

Our stage setup consists of 3 frames. Each frame represents a screen of out application.

Screen 1: Introduction screen, providing information to user about the application

BMI Intro Screen

BMI Intro Screen

Popularity: 66% [?]



Pages: 1 2 3 4


June 6, 2010  Tags: , , , ,   Posted in: Actionscript 2.0, Flash Lite, Mobile, Nokia, Sony Ericsson

24 Responses

  1. Tweets that mention Building a BMI Calculator Application in Flash Lite – Step By Step Walkthrough | Flashvisions -- Topsy.com - June 6, 2010

    [...] This post was mentioned on Twitter by MojoGeeks, FMC Washington DC and fmchicago, Juan. Juan said: Building a BMI Calculator Application in Flash Lite – Step By Step Walkthrough http://dlvr.it/1Tzp6 [...]

  2. HTC HD2 – Day 3 | GPS FANS - June 7, 2010

    [...] Building a BMI Calculator Application in Flash Lite – Step By Step … [...]

  3. Detecto ProDoc PD300DHR Digital Professional Doctor Scale – Model PD300DHR – Each | Local Doctors - June 8, 2010

    [...] Building a BMI Calculator Application in Flash Lite – Step By Step Walkthrough | Flashvisions [...]

  4. Naveed - December 4, 2010

    Hei,
    Guys does any body know how to use shared object to create a history page for the Bmi calculations done? If anyone has any idea please leave a reply :)
    Thanks !

  5. Dupiepealulgemonster - February 27, 2011

    download Monsterwolf full download Monsterwolf full Monsterwolf ipod

  6. Biss Zum Ende Der Nacht - March 9, 2011

    Affordable Web Hosting…

    [...]below you’ll find the link to some sites that we think you should visit[...]…

  7. slope - March 9, 2011

    Affordable Web Hosting…

    [...]below you’ll find the link to some sites that we think you should visit[...]…

  8. Paycheck loan - March 13, 2011

    payday cash loan…

    [...]Do you have to uncover any data on this page to be inaccurate please e-mail us with corrections or updates.[...]…

  9. local mobile monopoly - March 16, 2011

    local mobile monopoly…

    [...]below you’ll find the link to some sites that we think you should visit[...]…

  10. Magniwork - March 19, 2011

    Magniwork…

    I found your blog via blog catalog. I thought I’d check out the post as I just wrote on this subject today. You add some great suggestions that I didn’t have. Thanks for the tips….

  11. buy viagra - March 21, 2011

    Hello!…

    [...]You made some clear points there[...]…

  12. Milwaukee Bankruptcy Lawyers - March 23, 2011

    Attorneys Referral…

    [...]the inclination to visit the sites we have shown you here[...]…

  13. generic viagra - March 25, 2011

    Hello…

    [...]This website is the most excellent website.[...]…

  14. la ink tattoos - March 29, 2011

    Trackback, Thanks very much…

    la ink tattoo designs, has linked to your web page….

  15. the diet solution program - March 31, 2011

    the diet solution program…

    Thanks for the excellent blog post….

  16. viagra - March 31, 2011

    Hello…

    [...]This website is the most excellent website.[...]…

  17. granite countertops - April 1, 2011

    german shepherd…

    [...]followed below there can be the website link towards a world-wide-web sites i visualise be certain to use[...]…

  18. golf prints - April 3, 2011

    richard chorley golf…

    Thanks for such an excellent page, bookmarked, ill visit soon!…

  19. check it out - April 4, 2011

    fantastic website…

    [...] the time to read or visit the content or sites we have linked to below the [...]…

  20. Acupressure To Induce Labor - April 6, 2011

    Acupressure To Induce Labor…

    Thanks for such a brilliant blog post, bookmarked and shared!…

  21. 7 Day Programmable Thermostat - April 6, 2011

    7 Day Programmable Thermostat…

    Thanks for such a brilliant blog post, bookmarked and shared!…

  22. Dremel Stylus - April 6, 2011

    Dremel Stylus…

    Bookmarked your site, so I can visit frequently, thank you!…

  23. Hunstanton - April 6, 2011

    Hunstanton…

    Trackback, I have linked to your site, thank you!…

  24. market place - April 7, 2011

    market place…

    Trackback, I have linked to your site, thank you!…

Leave a Reply