Flash CS3 ドキュメンテーション

ActionScript 2.0 の学習 > イベントの処理 > ボタン状態を持つムービークリップの作成

ボタン状態を持つムービークリップの作成

ムービークリップに on() ハンドラを割り当てるか、またはムービークリップインスタンスの MovieClip マウスイベントハンドラのいずれかに関数を割り当てると、ムービークリップはボタンと同じようにマウスイベントに反応することができます。また、ムービークリップのタイムラインに、_up、_over、および _down というフレームラベルを追加すると、ムービークリップに自動的にボタン状態 (アップ、オーバー、およびダウン) を作成することができます。

ユーザーがムービークリップ上でマウスの移動やクリックを行うと、再生ヘッドが該当するフレームラベルのフレームに送られます。ムービークリップが使用するヒット領域を指定するには、hitArea (MovieClip.hitArea property) プロパティを使用します。

ムービークリップにボタン状態を作成するには :

1. 新しい Flash ドキュメントを作成し、mcbutton.fla という名前で保存します。
2. 矩形ツールを使用して、小さな矩形 (だいたい幅 100 ピクセル、高さ 20 ピクセルくらい) をステージに描画します。
3. 選択ツールでシェイプをダブルクリックし、それから F8 キーを押して [シンボルに変換] ダイアログボックスを表示します。
4. シンボル名を「mcbutton」と入力し、シンボルタイプはムービークリップに設定して [OK] をクリックします。
5. ステージでムービークリップシンボルをダブルクリックし、シンボル編集モードに切り替えます。
6. ムービークリップのタイムラインで新しいレイヤーを作成し、新しいレイヤーの名前を labels に変更します。
7. プロパティインスペクタでフレームラベルを「_up」と入力します。
8. デフォルトレイヤーおよび labels レイヤーの上に新しいレイヤーを作成します。
9. 新しいレイヤーの名前を actions に変更し、ムービークリップのタイムラインのフレーム 1 に次の ActionScript を追加します。

   stop();
   

10. フレーム 10、および 3 つのレイヤーすべてを選択し、[挿入]-[タイムライン]-[キーフレーム] を選択します。
11. actions レイヤーのフレーム 10 に stop() アクションを追加し、labels レイヤーのフレーム 10 にフレームラベル _over を追加します。
12. フレーム 10 で矩形を選択し、プロパティインスペクタを使用して別の塗りのカラーを選択します。
13. 3 つのレイヤーそれぞれのフレーム 20 に新しいキーフレームを作成し、プロパティインスペクタでフレームラベル _down を追加します。
14. フレーム 20 の矩形の色を、3 つのボタン状態がそれぞれ別のカラーになるように変更します。
15. メインタイムラインに戻ります。
16. ムービークリップがマウスイベントに対応できるようにするには、次のいずれかの操作を実行します。
    • ムービークリップインスタンスに on() イベントハンドラを割り当てます。詳細については、ボタンおよびムービークリップのイベントハンドラの使用を参照してください。
    • ムービークリップオブジェクトのマウスイベントハンドラ (onPress や onRelease など) のいずれかに関数を割り当てます。詳細については、ActionScript とイベントについてを参照してください。
17. [制御]-[ムービープレビュー] を選択して Flash ドキュメントをテストします。

    マウスポインタをステージのムービークリップに合わせると、ムービークリップは自動的に _over 状態になります。ムービークリップインスタンスをクリックすると、再生ヘッドは自動的にムービークリップの _down 状態に進みます。

このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート

現在のページ: http://livedocs.adobe.com/flash/9.0_jp/main/00000845.html

コメントの追加