動きのあるプルダウンメニューをFLASHで作成しているのですがうまくいきません

質問

かれこれ１週間以上、FLASHで動きのあるプルダウンメニューを作成しようとしているのですが、希望の動きができずに困っています。

メインで５項目、そのうちひとつにロールオーバーで３項目のサブメニューを出したいのですが、

●ロールオーバーでサブメニューが出てくる（ムービー）。
●メインメニューとサブメニューを合わせたヒット領域からロールアウトでサブメニューが引っ込む（ムービー）。
●メインのその他のメニューにマウスオーバーすると上記サブメニューが引っ込む。
●サブメニューにマウスオーバーすると色味が変わり、リンクへ飛べる。

上記４項目をすべて満たす動きができません...。ロールオーバー/アウトの設定はできてもサブメニューの色味が変わらなかったり。サブメニューを持つメインメニューや、他のメインメニューにマウスオーバーするたびに、サブメニューが開いたり。

動きのないプルダウンメニューはできるので、サブメニューが出てくるムービーの扱い方の問題だとは思うのですが...

検索して調べたのですが、なかなか同条件の質問が見つからず、なかなかわかりにくい説明だとは思いますが、お分かりになる方、お教えください。

回答No.1

BlurFiltan

「『メインで５項目あるものの１つ』と『その１つの中にある３項目』」
これを１つのムービークリップ内のタイムラインで作成するところまではOKですか？

その メインの項目 をボタンで作成して，
その メインの項目 ロールオーバー（ on(rollOver) ）で，
そのムービークリップが gotoAndPlay(2) などでフレーム2以降に進めるところまではできます？

on (rollOver) {
gotoAndPlay(2);
}

そのフレーム2以降に ３項目 あるボタンが出てくるアニメーションを作成します。

　□＝余白（レイアウトの都合上のもので関係ない）
　■■■■＝メインのボタン
　圏圏圏圏＝３項目のボタン

　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□■■■■□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□

　 　↓■ボタンにロールオーバー↓

　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□■■■■□□□□□
　□□□□□圏圏圏圏□□□□□
　□□□□□↓↓↓↓□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□

　 ↓アニメーション（トゥイーンなど）↓

　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□■■■■□□□□□
　□□□□□圏圏圏圏□□□□□
　□□□□□圏圏圏圏□□□□□
　□□□□□圏圏圏圏□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□

その３項目が出てくるアニメーションの最終フレームに
stop();
を書いて，そのムービークリップ内のタイムラインが
それ以上勝手に進まないようにしておきます。

そのムービークリップ内の，
フレーム2 以降（つまり３項目が出てくるアニメ）の部分ですが，
メインのボタン と ３項目あるボタンの周囲に，
透明な塗りを描いてその透明な塗りをボタンシンボルに変換します。
透明ボタンとしては中がくり抜けている形をしています。

　回＝透明な塗りボタン

　□回回回回回回回回回回回回□
　□回回回回回回回回回回回回□
　□回回回回■■■■回回回回□
　□回回回回圏圏圏圏回回回回□
　□回回回回圏圏圏圏回回回回□
　□回回回回圏圏圏圏回回回回□
　□回回回回回回回回回回回回□
　□回回回回回回回回回回回回□
　□□□□□□□□□□□□□□

その透明な 塗りボタン に，
上で作成した ３項目が出てくるアニメーション 以降のフレームに進ませるように，
します。

on (rollOver) {
gotoAndPlay(3項目が引っ込む最初のフレーム);
}

　□回回回回回回回回回回回回□
　□回回回回回回回回回回回回□
　□回回回回■■■■回回回回□
　□回回回回圏圏圏圏回回回回□
　□回回回回圏圏圏圏回回回回□
　□回回回回圏圏圏圏回回回回□
　□回回回回回回回回回回回回□
　□回回回回回回回回回回回回□
　□□□□□□□□□□□□□□

　 　↓回ボタンにロールオーバー↓

　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□■■■■□□□□□
　□□□□□圏圏圏圏□□□□□
　□□□□□↑↑↑↑□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□

　 ↓アニメーション（トゥイーンなど）↓

　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□■■■■□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□
　□□□□□□□□□□□□□□

こんな感じで一応できます。

> ●サブメニューにマウスオーバーすると色味が変わり、
これはサブメニュー（ボタン）のオーバーフレームに違う色を用意すれば良いですね。

> リンクへ飛べる。
これはサブメニューに

on (release) {
getURL("ジャンプ先URL");
}

でできます。

１つの簡単な方法例です。
その他色々な方法はありますが（ hitTestを使うなど），
なかなかテキスト（文字）だけでの説明は難しいです。

お礼

ご回答、ありがとうございます。

上記のとおり設定してみました。枠外にでたときに、うまくサブメニューを引っ込めることができたんですが、完全に引っ込んでしまってからその領域にマウスが乗ると、サブメニューが出ていない状態でも引っ込める作業のみ繰り返してしまいます...おそらく動きのないプルダウンメニューならうまくいっていたとおもうのですが...。

ムービークリップの配置や構成などが悪いのかもしれません。そのあたりも見直してみようと思います。

ありがとうございました。