Flash 学習 ソフト アニメーション ActionScript
Top | Back | Next
ボタンを理解しよう!
 シンボルには3種類のタイプがあります。グラフィック、ムービークリップ、そしてボタンです。ここではボタンの仕組みを理解してボタンを作成する方法を説明します。

コンポーネントのボタンに関してはButtonクラスの詳細を参照してください。
ボタンの状態

 ボタンにはマウスカーソルが置かれた時にはオーバー状態、クリックされた時はダウン状態の様にそれぞれに状態があります。状態の種類は4つあるので覚えましょう。

ボタンの状態

アップ 何もしていない時の状態
オーバー マウスをボタンの上に置いたとき(ヒット範囲)
ダウン ボタンをクリックした時
ヒット クリックできる範囲

ボタンの作成方法
[メニューバー]-[挿入]-[新規シンボル]を選択してください。新規シンボル作成のパネルを開いたらタイプ項目の[ボタン]を選択してOKを押します。そうすると、下記の図の様なボタンの作成する画面に移ります。
新規シンボルの作成

ボタンの状態

・ステージ上に円か長方形のボタンとなる画像を描画してください。
矩形ツール

・ボタンの上に何か文字をテキストツールで書いておきましょう。
UP

・次にオーバー・ダウン・ヒットのフレームにキーフレームを挿入してください。
ボタンの状態

・アップはもうすでに描いているから、オーバーのフレームをクリックしてマウスポインタが置かれた時の状態を書いてみましょう。
OVER

・次はダウンです。ダウンのフレームを選択して、マウスでクリックされた時のボタンの状態を描いてみましょう。

Down

 
・ヒットフレームはテキストを消して、右図の様にしておいてください。

・ボタンシンボルのシーンを通常のシーンに切り替えます。そして[メニューバー]-[ウィンドゥ]-[ライブラリ]を選択させます。

・ライブラリ内のシンボルを選択すると。先ほど作成したボタンが表示されます。この状態でも矢印の再生ボタンを押せば、アップ→オーバー→クリックの過程を見ることができますが、早いのでシーンに配置してプレビューで見ることをお勧めします。
button
・[メニューバー]-[ファイル]-[パブリッシュプレビュー]-[デフォルト]を選択してボタンを見てみましょう。
・マウスをボタンの上に置いたとき、クリックした時、自分が作成した通りになりましたか?今回私が作成したボタンは→です。
補足:フレームラベルに_up _over _down を書くだけで、ムービークリップをボタンにすることもできます。
トップへ
Top | Back | Next