- 2009-09-13 (日) 17:10
- lesson2
複数のムービークリップのボタン別にリンクを付ける
[2-3]で使用したアクションスクリプトでは、複数のムービークリップに対して一つのリンク先を付けてましが、今回は押されたムービークリップのボタンごとに、別々のリンク先を用意して、条件分岐でリンク先を変更させます。
[2-3]で使用したアクションスクリプトのクリック時、またはマウスダウン時のリスナー関数に条件分岐のプログラムを追加します。
今回使う条件分岐はswitchで、ターゲットのムービークリップごとに振り分けて、別々のリンク先を指定するような感じなります。
//押されたムービークリップで条件分岐
switch(btn){
//1
case btn_mc1:
var google:URLRequest = new URLRequest("http://www.google.co.jp");
navigateToURL(google);
break;
//2
case btn_mc2:
var yahoo:URLRequest = new URLRequest("http://www.yahoo.co.jp");
navigateToURL(yahoo);
}
クリック時もしくはマウスダウン時のムービークリップのイベントターゲットがbtn_mc1のやbtn_mc2か、どのケースに該当するか判定させています。
イベントターゲットを変数btnに置き換え、そのbtnのターゲットがそのケースに当てはまるかを条件分岐しています。
//ループを使い
for(var i:int = 1; i < 3; i++){
//イベントリスナー登録
this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OVER,Over);
this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_DOWN,Down);
this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OUT,Out);
//ボタンモード
this["btn_mc"+i].buttonMode = true;
}
//マウスオーバー
function Over(event:Event):void{
var btn = event.target; //ターゲットを置き換える
btn.alpha = 0.7;
}
//マウスアウト
function Out(event:Event):void{
var btn = event.target; //ターゲットを置き換える
btn.alpha = 1;
}
//マウスダウン
function Down(event:Event):void{
var btn = event.target; //ターゲットを置き換える
var target:String = "_self";
//押されたムービークリップで条件分岐
switch(btn){
//1
case btn_mc1:
var google:URLRequest = new URLRequest("http://www.google.co.jp");
var target:String = "_self";
navigateToURL(google,target);
break;
//2
case btn_mc2:
var yahoo:URLRequest = new URLRequest("http://www.yahoo.co.jp");
var target:String = "_self";
navigateToURL(yahoo,target);
}
}
- Newer: ボタンに連動してムービークリップの表示を変える[2-5]
- Older: ムービークリップをボタンとして使う[2-3]
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://www.addchild.net/as3-beginner/ls2/260.html/trackback
- Listed below are links to weblogs that reference
- ムービークリップをボタンとして使う[2-4] from ADD CHILD = AS3