【Unity備忘録11】ボタンが反応しない！？ボタン外をクリックしたのに反応する！？そんな時の対処メモ

こんにちは、slashです。

UnityでボタンUIを設置した時に、
「あれ？ボタンが押せない」
「クリックが判定される範囲がおかしい」
というような事があったので
その時に行った対処法のメモです。

ボタンをクリックしても反応しない
1. 原因1　On Click()の設定忘れ
2. 原因2　ボタンの手前に別のUIが設置されている
ボタンの外をクリックしたのにボタンが反応する

ボタンをクリックしても反応しない

ボタンUIが反応しない原因を2つ書いておきます。

原因1　On Click()の設定忘れ

ボタンUIはOn Click()の項目で
クリックした時にどのメソッドを実行するか設定をする事ができますが、
その設定を忘れていたら当然何も起こりませんよね。（笑）

対処方法は非常にシンプルで
ボタンUIオブジェクトを選択して、
インスペクターからOn Click()の設定を行う。
これだけです。

設定方法は以下の記事で書いていますので
参考にしていただければ幸いです。

原因2　ボタンの手前に別のUIが設置されている

ボタンUIの手前に覆い被さる形で
別のUIが設置されている場合は
ボタンをクリックしようとしても
ボタン手前にあるUIへのクリックが優先されてしまい、
ボタンがクリックできなくなります。

試しに下の画像のように
適当にボタンUIを配置します。

そして、ボタンUIの手前に被せる形で
イメージUIを配置してみます。

この状態だと、ゲームを実行して
ボタンをクリックしても反応しません。
ボタン手前のイメージUIに邪魔されてしまいます。

ちなみに、私の場合は
ボタンUIの手前に透明のパネルUIを設置して
ボタンへのクリックが妨害されてしまう、
というミスをよくやります。

たとえ見た目が透明であっても
UI自体が有効であれば
ボタンのクリックを妨害してしまうわけですね。

ここから対処法をいくつか書いていきます。

対処法1　UIの位置を調整する

ボタンUIの手前に被らない位置になるよう
UIの位置関係を調整します。
これは最も簡単な方法ですね。
エディタ上でUIを動かすだけなので
スクリプト等をいじる必要もありません。

対処法2　手前に被っているUIを消す（無効化する）

スクリプトでボタンに被っているUIオブジェクトを
SetActive(false)すれば
そのUIは無効化されるため、
奥にあるボタンUIのクリックができるようになります。

以下のように、UIオブジェクト.SetActive(false);
が実行されれば対象のUIが消えます。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class ButtonsScript : MonoBehaviour
{
    public GameObject ImageUIObj;//ボタン手前に被っているUIオブジェクト

    // Start is called before the first frame update
    void Start()
    {
       ImageUIObj.SetActive(false);//ボタン手前に被っているUIオブジェクトを消す
    }

}

参考記事