画面のどこからでもUIを消したい

Question

![
実現したいこと
１．Menuボタンを押してPrefabsからMenuPrefabを画面上に表示する。
２．表示した後表示されたMenu以外のUIを無効にする
３．表示したMenu以外の場所をクリックしてMenuを閉じる。

出来ていないこと
３．の閉じる処理のみです。

試したこと
・MainCanvasにCanvasGroupを追加してinteractable = false;にすることでそのほかのUI無効。
・MainCanvasそのものにButtonComponentを追加してDeleteUI()適用。（interactable = false;で無効になっているのか意味がない
・MainCanvasとは別のCanvasを作成しButtonComponent追加するも効果なし。

    public GameObject MenuPrefab;
    public GameObject MenuCanvas;

中略

    public void OpenMenu() {
        if (GameObject.FindWithTag("menu") == false) {//Prefabにmenuタグを追加
            Instantiate(MenuPrefab);
            MenuCanvas.GetComponent<CanvasGroup>().interactable   = false;　//Canvas内にあるUI全て無効に
        }
    }

    public void DeleteUI() {
        Destroy(GameObject.FindWithTag("menu"));　//menuタグのついているUIを削除
        MenuCanvas.GetComponent<CanvasGroup>().interactable = true;　/Canvas内にあるUI全て有効
    }

環境　Unity2019　Windows10

Answer 1

やり方は色々とあると思いますが、もしも私が作るとしたら（あまり最適ではないかもしれないけど）
「表示したMenu以外の場所をクリックして」の部分を考慮して、MenuPrefabの中身を以下のようにします。

Canvas
└Imageオブジェクト：半透明の黒。背景部分にあたる。Buttonコンポーネント付与。
└ウィンドウ部分のImageオブジェクト
　└ボタンオブジェクト
　└ボタンオブジェクト
　└ボタンオブジェクト

更に閉じる用のスクリプトをMenuPrefabに持たせて、自分自身を削除させます。
このメソッドは「半透明の黒」のImageオブジェクトのButtonコンポーネントから呼び出します。
（このオブジェクトを全画面にしておけば、それ以上何もしなくてもその下のMainCanvasまで入力は届きません）

public class Menu : MonoBehaviour {
    public void DeleteUI() {
        Destroy(gameObject);
    }
}

開く方のオブジェクトは存在判定と生成だけすればいいです。

public class Main : MonoBehaviour {
    public void OpenMenu() {
        if (GameObject.FindWithTag("menu") == false) {//Prefabにmenuタグを追加……ではなく「シーン上に"menu"というタグを持ったオブジェクトが存在するか」です
            Instantiate(MenuPrefab);
        }
    }
}

なお、Menuプレハブをこのシーンだけで使用するなら、「そもそも生成・削除をしない」というのが一番手っ取り早いです。

1. 最初からMenuCanvasをシーン上に配置
2. MenuのCanvasコンポーネントの左上のチェックを外しておく（これで初期状態が非表示になる）
3. 表示にするButtonのOnClickイベントに「MenuのCanvasを指定→bool enabledを選択→チェックを入れる」と設定
4. 非表示にするButtonのOnClickイベントに「MenuのCanvasを指定→bool enabledを選択→チェックを外す」と設定

このようにするとコーディング無しで作成出来ます。
（本格的にやるなら全てのOnClickイベントをスクリプトで設定すべきかもしれませんが、ざっくり作るならこれでいいと思います）

Comments

[HozDer]

返信ありがとうございます。

二つ目の方を採用しうまく実現することができました。
コーディングなしで、Buttoncomponentのみでも動かすことができるとは知りませんでした。勉強になります。

ところで、（本格的にやるなら全てのOnClickイベントをスクリプトで設定すべきかもしれませんが、ざっくり作るならこれでいいと思います）
この部分ですが、OnClickだけで制御するのはデメリットがあるということでしょうか。

[sakura_hana]

OnClick指定の場合（ちゃんとドキュメントを記録していれば問題無いのですがズボラしていると）Buttonオブジェクトが大量になった時など「このオブジェクトをオンにしてるのはどのボタンだ？」と混乱したり「一気に変更したいけど面倒臭い…」となることがあります（一応まとめて設定も可能ではありますが）。
スクリプトで書いておけばそこだけ見ればいいので一覧性・視認性が高く、修正も簡単なので分かりやすくなります。

[HozDer]

なるほど！
一覧性・視認性の問題ですか

分かりやすく詳しい内容まで教えていただきありがとうございます。

勉強になりました。