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
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
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
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
June 6, 2010
Tags: Actionscript 2.0, Flash, Flash Lite, Mobile, Nokia Posted in: Actionscript 2.0, Flash Lite, Mobile, Nokia, Sony Ericsson
Loading ...
4 Responses
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 [...]
Tutorial: How to Build a BMI Calculator Application in Flash Lite | Adobe Flash Lite - June 7, 2010
[...] Flash Application, How to, tutorial, Tutorials — Li YongFei @ 6:57 am Flash Visions has posted a new Flash Lite tutorial, the tutorial tell us how to build a Body Mass Index [...]
HTC HD2 – Day 3 | GPS FANS - June 7, 2010
[...] Building a BMI Calculator Application in Flash Lite – Step By Step … [...]
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 [...]
Leave a Reply