Flashでのマウスオーバー時のフキダシ表示

マウスオーバー時にフキダシを表示するFlashクラスを公開してみます。
仕事をしていて良く使うクラスとして日々改良中なんですが、ある程度完成しているので是非使ってください。
なるべく使いやすいようにレイアウトに関してはASを触らないように作っております。

詳しくはRead More

Ballonクラス(ActionScript3)

手軽にマウスオーバー時にフキダシ表示を可能にします。
フキダシが有効範囲を超えた場合、適した処理を自動でしてくれます。
デザインなども自由自在(？)

実例

フキダシ実例

Sample Download

sample(zip)

使い方

1.フキダシムービークリップを作成

ws000030

左上を基点として作成してください。

2.フキダシムービークリップをフキダシクラスに設定 & フキダシクラスを生成

var stObj:Object  = new Object();//有効範囲オブジェクト
stObj.x = 0;
stObj.y = 0;
stObj.width = stage.stageWidth;
stObj.height = stage.stageHeight;

// 下記の四つを渡してあげてください。
// Ballon( フキダシムービークリップ, 有効範囲オブジェクト , 位置(X) , 位置(Y) , 表示時間 )
_Ballon = new Ballon( _ballonMC , stObj , 10 ,_ballonMC.height , 1 );

フキダシムービークリップ：1で作成した、フキダシMCです。
有効範囲オブジェクト：今回はステージを対象にしました。
x,y,width,heightがあるオブジェクトなら大丈夫です。

3.フキダシを表示したいオブジェクトにイベント追加

こんな感じ

mc.addEventListener( MouseEvent.MOUSE_OVER , mouseOverHandler );
mc.addEventListener( MouseEvent.MOUSE_OUT , mouseOutHandler );
mc.addEventListener( MouseEvent.MOUSE_MOVE , mouseMoveHandler );

この三つのイベントは必須です。

4.マウスイベント内の処理

public function mouseOverHandler( evt:MouseEvent ):void {
  //ここで、フキダシMCの内容を変更します。
  var st:String = "HOGE HOGE";
  _Ballon.ballonMouseOverHandler(); //Ballonクラスに送る
}
public function mouseOutHandler( evt:MouseEvent ):void {
  _Ballon.ballonMouseOutHandler();//Ballonクラスに送る
}
public function mouseMoveHandler( evt:MouseEvent ):void {
  _Ballon.ballonMouseMoveHandler();//Ballonクラスに送る
}

これで完成です。