ToolTipをカスタマイズしてみる

一昨日のエントリ（Q-films）で、ToolTipがカスタマイズされていて素敵！　と書きましたので、僕もカスタマイズしてみました。

デフォルトでは、ToolTipは以下のように表示されます。

ToolTipクラスには、背景色やテキストの色やボーダーの色などを設定できるプロパティが用意されています。

早速それを使ってみたいと思います。

public class ContactButton extends CastButton {
　　　　public function ContactButton( initObject:Object = null ) {
　　　　　　　　super( initObject );

　　　　　　　　// ツールチップの設定いろいろ
　　　　　　　　toolTip.text = "ContactPageに移動します。";
　　　　　　　　toolTip.backgroundColor = 0x000000;
　　　　　　　　toolTip.borderColor = 0xFFFFFF;
　　　　　　　　toolTip.textColor = 0xFFFFFF;
　　　　}
}

上記のように設定してあげると、こんな感じになります。

これだけでも、だいぶ印象が変わりますよね。

細かいところにこだわるなら、frictionとかfilterとかdelayとかの設定も、その都度変更してあげるとよいかと…

これはToolTipクラスを直接修正（privateに設定されているので）してあげないと無理かと思うのですが、ToolTipをマウスカーソルの上に表示させたりなんかも出来ます。（推奨される方法ではないと思いますが…）

ページの下部にボタンがあって、ToolTipが下に表示されてしまうとユーザーは読みにくいかも…　なんて時に有効な手段かと…

_marginXと_marginYも、プロパティとして設定出来たらいいなぁ…