Buttonクラス

Buttonクラスとは?

クリックやタッチなどの入力を受け取れることのできるクラスです。
LWFでは入力を受け取れるのは、このボタンクラスだけになります。
イベントリスナーを設定して特定の入力タイミングでスクリプトを実行したりすることが可能です。

ムービークリップと違いグラフィックを設定することはできず、ヒット領域のみの存在となります。
ヒット領域の設定にのみ唯一シェイプが使用できますが、回転していない矩形である必要があります

ボタンを作る

まず、適当なサイズの矩形シェイプを作りましょう。

適当なサイズの矩形シェイプを書く

その後、そのシェイプをボタンシンボルに変換します。シンボル名は適当なもの(英数)をつけてください

ボタンシンボルに変換

シンボル変換後、編集モードに入りシェイプが描画されているキーフレームを「アップ」→「ヒット」へ移動してください。

「アップ」→「ヒット」へキーフレームを移動

そして、編集モードを抜けると、半透明の水色の矩形ができあがっていると思います。
これがボタンのヒット領域になります。
ボタンにはインスタンス名を設定しておかないと使用できないので適当なインスタンス名を設定しましょう

ボタンにインスタンス名を設定

イベントを登録する

ボタンを使用するには、ボタンを押した時や離した時の挙動を登録する必要があります。
登録には Button.addEventListener を使用します。

下記の例では、ボタンを離した時にコンソールに"release"と出力します。

<Buttonインスタンス>.addEventListener("release", function(){
    console.log("release");
}

addEventListenerの第1引数にはイベントの種類
第2引数には実行する関数を入れます

イベントには下記の種類があります

イベント名	実行タイミング
press	ボタンが押された時
release	ボタンが離された時
rollOver	ボタン領域内に入った時 (タッチデバイスの場合、タッチ状態のまま領域に入った場合)
rollOut	ボタン領域内から出た時 (タッチデバイスの場合、タッチ状態のまま領域から出た場合)

Buttonクラス

目次