Flashでイメージビューとサブメニュー処理したい

このQ&Aのポイント
  • Flashを使用して、イメージビューとサブメニューを処理したい場合、メイン表示とサブ表示の構成を考える必要があります。
  • メイン表示部分にはイメージを表示し、マウスドラッグで表示しきれない部分も見ることができるようにします。
  • 一方のサブ表示にはメニューリストを配置し、拡大・縮小や補足メッセージポインタの表示を可能にします。しかし、現在うまく動作しない状況が発生しています。
回答を見る
  • ベストアンサー

Flashでイメージビューとサブメニュー処理したい

長文で内容がおかしな文章になったりすることもありますが最後までおつきあいください。 もちろん初級レベルのFlash利用者でFlashMX2004は使っていましたが最近はFLASH8を使い始めました。 さて、タイトルのことですが、具体的には メイン表示とサブ表示があり、左半分と右半分を4:3の割合として表示する構成だとします。 メイン表示部分には主なイメージでたとえば写真でマウスドラッグすれば表示しきれない部分もみれる感じとします。 一方のサブ表示にはメニューリストがあり、 ・拡大する/縮小する ・補足メッセージポインタを表示する/しない とします。 と、ここまでFlashなら実現できるかと思ってましたが、そうは今のところうまくいきません。 まず、最初に画像表示分野をマウスドラッグできるセットされたムービークリップを配置し、 その配置したフレームの上のフレームにしてから右部分にはメニュー選択できる部分を 配置したのですが、どこが間違っているのでしょうか。 うまくいかない現象は、メニューの部分をクリックしても画像がドラッグした感じでメニューには反応しません。 どうかご教授願います。

  • Flash
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • BlurFiltan
  • ベストアンサー率91% (1611/1754)
回答No.2

#1ですが。 > 指摘していただいたとおりに設定しましたが > move_mcまでうごいてしまっています。 意味がわかりません。 書いたとおりにするとドラッグで「move_mc」が動くのです。 言い換えるとドラッグで「move_mc」を動かそうとしているのです。 ですから動いて良いのです。 動くのが正常です。 (move_mc が動かないのが異常です。) 私が想定している状況において 用意された次のページのSWFで http://adv-bluepipit.way-nifty.com/blog/flash/drag_menu.html 困ったことになっているのは そこ(move_mcまでうごくこと)ではなくて 右エリア(青い塗り)上でドラッグしても move_mc がドラッグされてしまうことです。 良いですか? 私が想定している状況において ドラッグで「move_mc」は動くのです。 そこは良いのですが 右エリア(青い塗り)上でドラッグしても move_mc がドラッグされてしまうことが問題なのではないのか? と言っているわけです。 ですから 青い塗りをムービークリップに変換して そのステージ上の青いムービークリップに 例えば「menu_mc」というインスタンス名を付けて "ダミーのクリック動作" を設定すれば良いのではないかと言っているのです。 繰り返しますよ 青い塗りをムービークリップに変換して そのステージ上の青いムービークリップに 例えば「menu_mc」というインスタンス名を付けるのです。 そして フレームに //menu_mcにダミーのクリック時動作を設定 menu_mc.onRelease = function(){ //ダミー動作 実際は何もしない } を書きます。 すると,「menu_mc」がボタン化されてしまうので その下の「move_mc」がその部分で反応しなくなります。 本当はそれだけで良いのです。 それだけで良いのですが, それだけだと上レイヤーの「menu_mc」にマウスを持っていったとき ハンドカーソルになってしまうので //menu_mcのハンドカーソルを無効にする menu_mc.useHandCursor = false; もついでに書いておきましょう。 という内容を書いているのです。 なお, Flash 8 をお持ちだと言うことですから パブリッシュ設定で Flash タブを選択して Player の設定で Flash Player 8 での SWF を書き出すことを前提として書いています。 Flash Player 5 以下では,これらのスクリプトは通用しません。 (最低限 Flash Player 6 である必要があります。)

jazoyellow
質問者

お礼

返事が大変送れて申し訳ございません。 ようやくできました。 要するにボタン化することで目的の動作の通りに実行することが できるとわかりました。 ありがとうございました。

その他の回答 (1)

  • BlurFiltan
  • ベストアンサー率91% (1611/1754)
回答No.1

意味がわからない部分があるので まずは私なりの解釈(読み替え)から書きます。 > 画像表示分野をマウスドラッグできる > セットされたムービークリップを配置し、 > その配置したフレームの上のフレーム > にしてから右部分にはメニュー選択できる部分を > 配置したのですが、 フレームの上のフレーム とは何のことかわかりません。 レイヤーではないでしょうか?   ↓解釈(読み替え)↓ 「画像表示分野をマウスドラッグできるように  セットしたムービークリップを配置し、  その配置したレイヤーの上のレイヤーに  右部分のメニュー選択できる部分を  配置したのですが、」 > メニューの部分をクリックしても > 画像がドラッグした感じで > メニューには反応しません。 メニューにボタンを置けば そのボタンはボタンとして動作すると思います。 つまりメニューに反応すると思います。   ↓解釈(読み替え)↓ 「メニューの背景になる部分,つまり  ボタンなどの下になるメニューボード部分  をクリックしても  下の画像がドラッグされてしまいます。」 以上のように解釈させていただきます。 ========== 下側のレイヤーに置いたドラッグ可能なムービークリップには インスタンス名として仮に「moxe_mc」というインスタンス名を付けているものとします。 その上のレイヤーには メニューボタンの背景になるメニューボードの部分を置きます。 これもムービークリップとして配置します。 このムービークリップには「menu_mc」というインスタンス名を付けるものとします。 その場合のフレームに書くスクリプト例です↓ //------------------------------------------- //menu_mcにダミーのクリック時動作を設定 menu_mc.onRelease = function(){ //ダミー動作 実際は何もしない } //menu_mcのハンドカーソルを無効にする menu_mc.useHandCursor = false; //move_mcのドラッグ動作 move_mc.onPress = function(){ this.startDrag(); } move_mc.onRelease = move_mc.onReleaseOutside =function(){ this.stopDrag(); } //------------------------------------------- 要するに ドラッグ可能なムービークリップの上に, 大きなボタン(ムービークリップ製)を作るわけです。 その大きなボタンに,クリック時の動作を定義すると, その下にあるボタンなど(ドラッグ可能なムービークリップを含む)は反応しなくなります。 そだけでも良いのですが そうするとボタンでもない部分にカーソルを持っていっても ハンドカーソル(指差しカーソル)に変わってしまって変なので useHandCursor = false; でハンドカーソルにならなくしているわけです。 私の勝手な解釈が間違っていれば この回答全部は全く回答にはなっていないと思います。 その場合はすみません。 ↓私の解釈参考図↓

jazoyellow
質問者

補足

回答ありがとうございます。 解釈としては間違っていません。 ですが、そのとおりになりませんでした。 指摘していただいたとおりに設定しましたがmove_mcまでうごいてしまっています。 http://adv-bluepipit.way-nifty.com/blog/flash/drag_menu.html 何か足りないのでしょうか。

関連するQ&A

  • Flashでプルダウンメニューを

    1.メニューにマウスが通過した際、サブメニューが表示される 2.メニュー・サブメニューからマウスが離れるとサブメニューが隠れる といったプルダウンメニューを作成したいのですが、 下記の方法だと一度現れたサブメニューが隠れて(元に戻って)くれません。 3フレーム目に何かアクションを入れなければいけないのかと思うのですが・・・ ■1フレーム目 ボタンシンボル(メインメニュー)に下記アクション ------------------------------------- on (rollOver) { gotoAndStop(2); } ------------------------------------- アクションレイヤー ------------------------------------- stop(); ------------------------------------- ■2フレーム目 メインメニューとサブメニュー(メインメニューにロールオーバーした際に出てくるメニュー)を 配置 サブメニューに下記オブジェクトアクションを挿入 ------------------------------------- on (press) { getURL("http://www.●●●.com"); } ------------------------------------- アドバイスいただけると助かります。どうぞお願い致します。

    • ベストアンサー
    • Flash
  • サブメニューにカーソルが乗っている間もメニューボタンの色を変えたい

    FlashMX使用です。 メニューボタンにカーソルを乗せるとサブメニューボタンを表示、 メニューボタンまたはサブメニューボタンからロールアウトするとサブメニューボタンを非表示 というFlashを作成中です。 サブメニューボタンの表示、非表示は_visibleを使用しています。 サブメニューにカーソルが乗っている時、メニューボタンをオーバーの状態にしたいのですが、方法がわかりません。 調べてみたところ、フレームを切り替えて色を変えているものは発見できました。 actionscriptを使用して1フレーム内でする方法はないのでしょうか? アドバイスお願い致します。

    • ベストアンサー
    • Flash
  • FlashとJavascriptのメニューについて

    現在Javascriptのドロップダウンするサブメニューを作っています。(http://lolipop.jp/のような感じ) そのメニューの下にFlashムービーを配置したいのですが、ドロップダウンしてくるサブメニューはFlashの下に隠れてしまいます。つまり1つ下のレイヤーに表示されてしまいます。 Javascriptをいかしたまま、サブメニューをFlashの上に表示させる方法はありますか?ぜひ教えてください。宜しくお願いします。

  • Flashのプルダウンメニュー

    FlashMXでプルダウンメニューをつくりたいと思っていますが、上下分割の上のフレームにおきたいと思います。 その場合、下のフレームにかかるようにプルダウンメニューを表示させることは可能なのでしょうか? また可能であれば、それはFlashサイドでそのスクリプトを組み込むのでしょうか? それともHTML? 説明されている参考サイト等があったら教えていただければと思います。 よろしくお願いいたします。

  • FLASH サブメニューで困ったこと

    FLASH道場http://www2.netwave.or.jp/~light/index.html のサブメニューに挑戦しています。これについて以前もここで質問しました。おかげさまでサブメニューもバッチリ出て、リンク先にも飛ぶし、音も鳴る・・でも、ボタンにマウスを近づけた(オーバー)状態でクリックしなかった時が問題なんです。その状態のまま元のボタンの姿に戻らないのです。どうすればいいのか教えていただけないでしょうか。

  • フラッシュメニューの作成

    こんにちは、ホームページにフラッシュメニューをつけたいです。 ボタンの上にマウスを持ってくるとサブメニューが表示されるやつです。無料の素材だと大きさが合わず、拡大すると変になってします・・。ですので、自分で作ろうと思うのですが、どなたか作り方を教えて頂けませんか?FLASH MAKER3なら持っているのですが、その他簡単に作れるソフトがあれば教えて下さい。メニューは縦です。ボタンを押すと表示されるのではなく、マウスを持ってきた時だけ表示させ、そのサブにもリンクをはりたいです。すみませんが、よろしくお願い致します!!!!

  • マウスオーバーで伸びるサブメニューが正しく動作しません

    こんばんは。 以下サイトのメインメニューの左三つのボタンのように、 ボタンをマウスオーバーするとボタンの上にサブメニューが上がり、 サブメニューにあるテキストがそれぞれボタンになっているという仕組みを作ろうとしています。 http://www.mizkan.co.jp/index_1.html ・マウスオーバー addEventListenerのMOUSE_OVERでボタンの上にカーソルが乗ると、 gotoAndPlayでサブメニューが上がるアニメーションのフレーム番号に飛ぶ。 ・マウスアウト addEventListenerのMOUSE_OUTでボタンからカーソルを外すと、 gotoAndPlayでサブメニューが下がるアニメーションのフレーム番号に飛ぶ。 上記のscriptを作るところまでは上手くいきました。 しかしマウスオーバー時に伸びているサブメニューにマウスカーソルを乗せると、 マウスオーバーとマウスアウトのアクションが繰り返し実行され、 サブメニューが上がったり下がったりのアニメーションを繰り返してしまいます。 この動きは、おそらく、サブメニュー部分の領域が一瞬ボタンではないと認識され、マウスアウトのアニメーションが動きだすが、やはりボタンとして認識されマウスオーバーのアニメーションが動き出す。という動きがループしてしまっているのではないかと思われますが、解決方法が見つかりませんでした。 上に記載した方法以外でも同じような動きになる作り方があればご教授ください。 宜しくお願い致します。

  • flash画像に隠れてしまうプルダウンメニュー

    cssで作成したプルダウンメニューがflash画像の後ろに隠れてしまいます。 マウスON時にプルダウンされるメニューをCSSで作成しましたが、 プルダウンメニューの下に配置している画像が、 ただの画像(GIF)だとプルダウンメニューが前に表示されるのですが、 フラッシュ(SWF)だとプルダウンメニューが後ろに隠れてしまい表示されません。 ・プルダウンメニューを前に表示させる方法 もしくは、 ・フラッシュ画像を後ろに隠す?方法 を探しています。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 飛び出すメニューについて

    http://www.ex-yz.com/labo/flash/2007/05/2.html これのような、マウスオーバーで下位項目が出てくるというメニューをFlashで作りたいと考えています。 このサンプルでは飛び出す最大の範囲までFlashの領域として確保されていますが、 通常ヘッダーなどに置いた場合、そんなに下が開いている事はあり得ないと思うので 最初から表示されている部分(メインメニュー)のみを初期のFlashの領域とし、 飛び出たサブメニュー部分は下のhtmlに被らせるような状態で作りたいと思うのですが、 これはどうすれば実現できるのでしょうか? Flashとhtmlだけではできないのでしょうか。 あと、Flashで作られたこういうロールオーバーでサブが出てくるようなメニューで 何かかっこいいサイトや効果的な使い方をされているような 参考になるサイトがあれば教えてください。 Javascriptでも作れるような、ただ降りてくるだけのものではなく Flashならではというものを色々見てみたいので。 よろしくお願いします。

    • ベストアンサー
    • Flash
  • FLASHを使用したメニュー&HTMLで書いたコンテンツ

    メニュー1  メニュー2  メニュー3 --------------------------------------------- 内容       ↓ ↓ ↓    メニュー2へマウスオーバー       ↓ ↓ ↓ メニュー1  メニュー2  メニュー3 -------------│     │------------------ 内容        ├────┤           │サブ1  │           ├────┤           │サブ2  │           └────┘ というものを作成したいのですが、メニュー部分はFLASHで、内容部分はHTMLで作成したいのです。 FLASHの中にHTMLを組み込む、というようなことはできるのでしょうか?

専門家に質問してみよう