Archived:How to make a battery indicator in Flash Lite

This article shows how to create a battering indicator for a Flash Lite application.

Article Metadata

---

Code Example

Source file: Media:battery_240_320.zip

---

Compatibility

Platform(s): Flash Lite: 1.1, 2.x

---

Article

Created: soueldi (28 May 2007)

Reviewed: Larry101 (21 Sep 2009)

Last edited: hamishwillee (03 Oct 2012)

Creating the battery indicator

• Create a new movie clip
• In this movie clip create at least 2 layers:
  • ActionScript: In this layer create as many keyframes as levels you want to display. (we will choose 8 levels in this example)
  • Level: In the first frame, create a level bar corresponding to the lowest level.
    In last frame create a keyframe and stretch your level bar to the highest level.
    Then add a motion tween.
  • Background: You can add a layer to put all your static components.
  • Your timeline will be like this:

• In the first keyframe of the ActionScript layer add this code:

levelsNumber=8;
batMax = fscommand2("GetMaxBatteryLevel");
batLevel = fscommand2("GetBatteryLevel");
batSource = fscommand2("GetPowerSource");
batLevel2 = Math.ceil(batLevel*levelsNumber/batMax);
 
if (batSource == 0) { //If charger is not plugged 
	gotoAndPlay(batLevel2);
} 
/* If charger is plugged, it will go to nextframe,
so the battery indicator will be animated.*/

• In all other keyframes add this code:

call(1);

• Put this movie clip into your scene.

Adding a percentage indicator

If you want to add a text indicator:

• Create a new layer and add a dynamic text.
• Fill the var field to link it to a variable (assuming batText in this example)
• Add this code in the first keyframe of the ActionScript layer, just before the if statement:

batText = "Battery Level: " add math.ceil(batLevel*100/batMax) add "%";

Flash Lite 2.x recommended improvements

• {{Icode|call(1): This action was deprecated in favor of the function statement.
• [...]Level: " add Math.c[...]: Macromedia recommends that you use the + operator.