unity C#でクリック後のボタンの色を次にクリックされるまで変えたままにする

###前提・実現したいこと
unity超初心者なのですが、ボタンの色をクリックして変更したままにする、ということができなくて困っています。

例えば、元のボタン色青→（クリック）→赤でキープ→（もう一度クリック）→青でキープ→（クリック）→赤でキープ… といった感じです。

できるだけシンプルなやり方でやりたいです。

どなたか丁寧に教えていただけますでしょうか。

##試したコード
コンパイルは通りましたが、挙動に影響ありませんでした

C#
1using System.Collections;
2using System.Collections.Generic;
3using UnityEngine;
4using UnityEngine.UI;
5
6public class CheckButton : MonoBehaviour {
7	
8	public void OnClick(){
9		
10		gameObject.GetComponent<Image>().color = Color.red;
11	}
12	}

###補足情報
unity 2Dでbuttonに上記CheckButton.csをアタッチしている状況です。
Inspectorのonclick()を選択するところでno function となってしまっているので何かおかしいんだろうとは思うのですが…

行動規範の内容に同意します

回答1件

ベストアンサー

こんな感じでどうでしょうか？今回の件には関係ないですが何度もアクセスするapiはキャッシュしていた方がいいのでキャッシュのコードも含めました。

C#
1using UnityEngine;
2using UnityEngine.UI;
3
4public class CheckButton : MonoBehaviour
5{
6    //ボタンをキャッシュする変数
7    Button btn;
8	bool btnChangeFlag = true;
9
10    //ここでカラーを設定
11    static readonly Color btnColor1 = Color.red;
12    static readonly Color btnColor2 = Color.blue;
13
14	void Awake()
15	{
16		//何度もアクセスするのでこの変数にキャッシュ
17        btn = gameObject.GetComponent<Button>();
18        btn.image.color = btnColor1;
19	}
20
21    void Start()
22    {
23        btn.onClick.AddListener( OnClick );
24    }
25
26    public void OnClick()
27	{
28        btnChangeFlag = !btnChangeFlag;
29        btn.image.color = btnChangeFlag ? btnColor1 : btnColor2;
30	}
31}

###インスペクタ上でカラーを設定したい場合のコード

Unityがデフォルトで用意しているカラーは使いづらいのでインスペクタ上でカラー設定できるようにするとよりイメージに近いボタンができると思います。

C#
1using UnityEngine;
2using UnityEngine.UI;
3
4public class CheckButton : MonoBehaviour
5{
6	//ここでカラーを設定
7	[SerializeField]
8	Color btnColor1 = Color.red;
9	[SerializeField]
10	Color btnColor2 = Color.blue;
11
12	//ボタンをキャッシュする変数
13	Button btn;
14	bool btnChangeFlag = true;
15
16	void Awake()
17	{
18		//何度もアクセスするのでこの変数にキャッシュ
19		btn = gameObject.GetComponent<Button>();
20		btn.image.color = btnColor1;
21	}
22
23	void Start()
24	{
25		btn.onClick.AddListener(OnClick);
26	}
27
28	public void OnClick()
29	{
30		btnChangeFlag = !btnChangeFlag;
31		btn.image.color = btnChangeFlag ? btnColor1 : btnColor2;
32	}
33}