【uGUI】ToggleGroupコンポーネントを使って一つだけしか選択できないToggleを作る

概要

uguiを使ってタブウィンドウみたいなのを作ろうとした時に、毎回選択したToggleと選択してないToggleを見てON/OFFの切り替えや既に押されていたら処理をさせない様にしないといけない様な処理を自前で用意しないといけないのかな？と思って調べたらToggleGroupコンポーネントを使えばそんなことしなくても済むとのことだったので忘備録としてまとめます。

Unityのバージョンは2018.1.1f1です

実装

①ToggleGroupコンポーネントをつけたGameObjectを用意します

②Toggleを複数用意します。この時先程作成したToggleGroupを持ったゲームオブジェクトの子にする必要はないです。今回は見やすいように子にして話を進めます。

③複数用意したToggleのToggleコンポーネントにあるGroupに先程作成したToggleGroupコンポーネントを持ったゲームオブジェクトを入れます。

④最初にチェックを入れたいToggle以外のToggleコンポーネントの「Is On」のチェックを外します。
これをしないと複数のToggleが選択された状態で表示されます。
今回は例としてToggleLeft以外のToggleコンポーネントの「Is On」のチェックを外します。

実演

こんな感じになります。

ToggleGroupを使って一つしか選択できないToggleを作ってみた。 pic.twitter.com/WMQ3a3n7QA

— ダリア (@daria_nicht) 2018年7月15日

まとめ

コーディングなしで出来るのは助かりますね…。
タブウィンドウみたいなのを作ったらまたまとめて記事書きます。

参考

UGUIでアニメーションを使ってNoCodingで画面遷移を作る
https://qiita.com/ShiroKuro/items/c028d29229fc135bac01