uGUI非表示の挙動

Question

シーンにuGUIの①パネルを表示させた後、
最前面に別の②パネルを表示させた際に①パネルを
グレー表示で非活性にさせたいです。（①パネルにはボタンもあり、合わせて非活性にしたいです）
イメージは別ウィンドウで開いた画面しか操作できず、背景は非活性の状態にしたいです。

EventSystemのパラメータを触ってみたりしましたが中々イメージ通りにいきませんので、調べ方だけでも教えて頂けたら幸いです。

宜しく御願いいたします。

Answer 1

以下のいずれかで出来るかと思います。

方法１：「Canvas Group」を利用する

「公式マニュアル：Canvas Group」
単純にパネルを半透明にする・ボタン類を非活性にするならこちら。

方法２：手動で頑張る

事前に①パネルのコンポーネント（ImageやButton）をスクリプト上に保持しておき、
②パネルを表示したタイミングで色を変えたりInteractableを操作します。
方法１との合わせ技でももちろんOK（Canvas Groupは「透明度を変える」ことは出来ても「色を変える」ことは出来ないため）。

方法３：②パネルの背景に１枚画像を置く

←前面：②パネル・背景（Raycast Targetにチェックを入れた画面全体を覆うImage）・①パネル：背面→
という並び順になるようにオブジェクトを配置すると、背景画像表示中は①パネルに操作が届かなくなります。
背景画像をグレーの半透過にしておけばそれっぽい見た目になるかと。

Comments

[hatena]

Canvas Groupは恥ずかしながら知りませんでした。公式リファレンスを確認します。

方法3は目から鱗が落ちた気持ちです。

教えて頂いた方法を試してみて、実装したいと思います。

コメントありがとうございました。