View source

[[Category:Lang-JP]][[Category:JP_How To]][[Category:JP_Flash Lite]][[Category:JP_Code Examples]]

原文（英語）: [[How to make a battery indicator]]

対象となるバージョン: '''''Flash Lite: 1.1, 2.x'''''

<h2>バッテリーインジケータの作成</h2>
*新しくムービークリップを作成します。
*ムービークリップ中で、2つ以上のレイヤーを作成します。
**''ActionScript'': このレイヤーでは、表示する必要があるレベル分(この例では8レベル選択する)のキーフレームを作成します。
**''Level'': 最初のフレームにおいて、最下位レベルに対応したレベルのバーを作成します。最後のフレームでキーフレームを作成し、最上位レベルに向けてレベルのバーを伸ばします。そして、モーショントゥイーンを追加します。
**''Background'': 全ての静的コンテンツを配置するためのレイヤーを追加します。
**タイムラインは、次のようになります。[[Image:Timeline_battery.jpg]]

*''ActionScript''レイヤーの最初のキーフレームで、以下のコードを追加します。
<code actionscript>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.*/
</code>

*その他の全てのキーフレームで、以下のコードを追加します。
<code actionscript>
call(1);
</code>
*このムービークリップを、シーン上に配置します。


<h2>パーセント表示インジケータを追加する</h2>
テキストインジケータを追加する必要がある場合
*新たにレイヤーを作成し、ダイナミックテキストを追加します。
*''変数''フィールドに入力し、それを変数にリンクします。(この例の場合''batText''とする)
*このコードを''ActionScript''レイヤーの最初のキーフレーム、ifステートメントの直前に追加します。
<code actionscript>
batText = "Battery Level: " add math.ceil(batLevel*100/batMax) add "%";
</code>


<h2>Flash Lite 2.xで推奨するコードの改善</h2>
*'''''call'''(1)'': このアクションは、'''function''' ステートメントのために廃止されました。
*''[...]Level: " '''add''' Math.c[...]'': Adobeは、'''+'''オペレータの使用を推奨しています。


<h2>ダウンロード</h2>
この例題は、下記サイトからダウンロードできます。<br/>
[http://www.bysamir.fr/flashlite/battery/battery_240_320.zip バッテリーインジケータ 240*320 (swf + fla)]<br/>
[[Image:Example_battery.jpg]]