Flash覚え書き

フレームが再生されるたびに行われる処理やムービークリップ上でのマウスの移動を判定する処理などは、Flash MXより前のバージョンではムービークリップに直接 onClipEvent を記述しなければなりませんでした。しかしFlash MXからはイベントハンドラメソッドというものが追加され、わざわざムービークリップに処理を書かなくても良くなりました。

例えばフレームが再生されるたびに何かの処理を行いたい場合、特定のムービークリップインスタンスに onClipEvent(EnterFrame) を記述しますが、これがイベントハンドラメソッドでは root のフレームに インスタンス名.onEnterFrame と書くことで同じ処理が可能になります。

イベントハンドラアクションとイベントハンドラメソッドの対応表はFlashの「ヘルプ」→「ActionScript辞書」→「ActionScript 言語について > ActionScript でのスクリプティングについて > ActionScript のスクリプトを実行するタイミングの制御」の項目にありますのでそちらを参照してください。

イベントハンドラメソッドを利用することでActionScriptのソースを一元化できるというメリットがあります。

ところでこのイベントハンドラメソッド。ActionScript で配置したムービークリップインスタンスに対しても使えるかというと実は使えません。

たとえば root のフレームに

addMc.onEnterFrame = function () {
　trace("addMC OK");
}

というようなスクリプトを記述して、ボタンインスタンスなどで addMC というムービークリップを追加するようにした場合、ボタンをクリップしてムービークリップ addMC を追加しても出力ウインドウはうんともすんとも言いません。

つまりイベントハンドラメソッドを使うには、そのスクリプトを記述するフレームまでに対象となるムービークリップインスタンスが存在していなければならないようです。

• 
• 
• ツイート

他の言語がそうであるように、ActionScriptでも配列(Array)や構造体(Object)を扱うことができ、定義された配列や構造体の中に更に配列や構造体を作ることができます。

例えば縦3行、横5列の表のデータを扱いたい場合は次のようにします。

table_array = new Array();

table_array[0] = ["0-0", "0-1", "0-2", "0-3" ,"0-4"];
table_array[1] = ["1-0", "1-1", "1-2", "1-3" ,"1-4"];
table_array[2] = ["2-0", "2-1", "2-2", "2-3" ,"2-4"];

配列 table_array の縦2行目、横4列目のデータを取り出したい場合は

trace(table_array[1][3]);

と記述します。


配列の中に構造体を作る方法は以下のとおりです。これは例えば学校の出席番号やサービスの会員番号を基準とした情報の格納に用ることができます。

member_array = new Array();

member_array[0] = {surname:"波多野", name:"憲二", age:20, sex:"male"};
member_array[1] = {surname:"洞口", name:"雄大", age:20, sex:"male"};
member_array[2] = {surname:"岡泉", name:"誠二", age:27, sex:"male"};
member_array[3] = {surname:"青島", name:"優子", age:20, sex:"female"};

会員番号3番の年齢を知りたいときは

trace(member_array[3]["age"]);
または
trace(member_array[3].age);

と記述します。

構造体へのアクセスは上記のように2種類の方法がありますが、[]で囲めば変数を用いることができます。

flag = "surname";

trace(member_array[2][flag]);

このスクリプトでは結果として「岡泉」というテキストが返されます。


構造体の中へ構造体を作る方法はこれまでとほぼ同じです。

address_obj = new Object();

address_obj["国会議事堂"] = {region:"東京都", city:"千代田区", address1:"永田町", address2:"1-7-1"}
address_obj["皇居"] = {region:"東京都", city:"千代田区", address1:"千代田", address2:"1-1"}
address_obj["東京都庁"] = {region:"東京都", city:"新宿区", address1:"西新宿", address2:"2-8-1"}


このように配列と構造体を組み合わせれば幅広いデータを扱うことができますが、あらかじめしっかりと構造を設計しておかないと後で大変なことになりますので注意してください。また、XMLのデータを整理する場合にもこの方法を使うことができます。

• 
• 
• ツイート

まず先にも述べた通り、FlashでXMLを利用するにはXMLオブジェクトを利用します。

xmldata = new XML(); // XMLオブジェクト xmldata を作成


XMLを作成するときは見やすいように改行やタブを使用すると思いますが、このままでは読み込んだときにタブや改行まで空のノードとして扱ってしまいます。それを解除するには ignoreWhite を使います。

xmldata.ignoreWhite = true; // タブや改行を無視


FlashMX以降のバージョンでは外部読み込みに使用するテキストはUTF-8を利用することになっているので、XMLファイルはUTF-8で保存しておいてください。どうしてもShift_JISを使用したい場合はスクリプトの一番最初に以下のスクリプトを追加してください。

System.useCodepage = true;

これで基本的な設定は完了。次に肝心のXMLファイルを読み込みます。

xmldata.load("xmlfile.xml");

これだけで xmlfile.xml という名前のファイルを読み込みに行きます。
読み込みが完了すると onLoadイベントが発生します。

xmldata.onLoad = function() {
　trace(xmldata); // 出力ウィンドウに xmldata のXMLデータを表示
}

XMLの例として、Flashでblogを作る場合のデータを利用します。

<blogdata>
　<date year="2004" month="09" day="30"/>
　<title>9月30日の日記</title>
　<content>日記データ</content>
</blogdata>

読み込んだXMLオブジェクトからデータを取り出すには親ノード（<blogdata>）から順番に辿って行きます。

rootnode = xmldata.firstChild; // ノード <blogdata> の中のデータを参照する。

この先の <date> や <title> を参照するには直接場所を指定する方法と、先頭から順番に取り出す方法があります。

// 直接場所を指定する方法
blodtitle = xmldata.childNodes[0].childNodes[1].nodeValue; // <title> タグの要素を取り出す

childNodes はXMLオブジェクトのノードを配列で返します。
nodeValue はタグで囲まれた要素を取り出します。

// 先頭から順番に取り出す方法
while (rootnode != null) {
　trace(rootnode.firstChild.nodeValue); // 先頭から順番に各ノードの要素を取り出す
　rootnode = rootnode.nextSibling; // 次のノードに移動
}

nextSiblig を使用することで次のノードに移動することができます。

<date year="2004" month="09" day="30" /> の中の year や month といった属性を取り出すには attributes を使用します。例えば属性 month の値を取り出すには以下のように書きます。

trace(rootnode.attributes["month"]); // 属性 month の値を取り出す

ちなみに attributes はそのノードに含まれる属性を全て取り出すことにも使われます。

以上のように初心者がXMLデータを扱うにはちょっと敷居が高いように感じますが、いろいろと試してみるとすぐに理解できると思います。かく言う私も参考書は常に手放せませんが・・・。

• 
• 
• ツイート

Flashで外部ファイルからデータを読み込むには MovieClip オブジェクト の loadVariables メソッドを使う方法と、XML オブジェクトの load メソッドを使う方法があります。

MovieClip オブジェクトを使用する場合、外部ファイルの中身は

name=hoge&age=20&sex=male

と言った具合に「変数名=値&変数名=値」という内容になり、途中に改行を入れることもできませんが、XMLオブジェクトを使用すると外部ファイルの中のデータはXMLを利用するのでデータの扱いが非常に簡単になります。更に変数の数が多くなった場合、XMLの方が処理速度が速いというメリットもあります。

以上の理由から、今後はFlashから外部データをやりとりする場合はXMLを使用するのが主流になるでしょう。

そこで、Flashから外部ファイルのXMLを扱う方法を紹介します。ちなみに参考に秀和システムの「Flash MX ActionScript逆引き大全 500の極意」を利用しています。

(2)に続く

• 
• 
• ツイート