アイテム欄を作っていきます。
カギの画像を2つ用意してください。

Hierarchy で右クリック、UI>Panelを選択し、名前を itemran に変更

Anchor Presetstop, stretch にし、
left, right0
Pos Y-100
Height 200 に設定します。

更に、Source ImageNone

Color(0, 0, 0, 255)に変えます。
tuto4
続いて、itemran の子要素に UI>Image を2つ選択し、
item1, item2 に名前を変えます。

2つを適当な位置にずらしたら

Source Image UISprite

Color (0, 0, 0, 255)にし、

画面左上 Comportment>UI>Effects>Outline
それぞれに枠線を付けます。

枠線の設定は Color(0, 255, 0, 255)

X 5Y5 に変更します。
tuto5


Toggle を使う

使用するアイテムを選択するのに必要です。

itemran の子要素に UI>Toggle を2つ設け

それぞれの名前を key1, key2

Checkmarkkey1, key2 の子要素にし、

BackgroundLabel を削除します。


key1, key2
, とそれぞれの Checkmark を大きさを合せ

item1, item2 に重ねます。
(Checkmark の座標は key1, key2 の子要素なので 0, 0 でOKです)

CheckmarkSource ImageUISprite

Color (255, 200, 255, 255)にします。


続いて、key1UI>Toggle Group を付け

Allow Switch Off にチェックを入れてください。

key1, key2inspectorToggle (script)

ison のチェックを外し、Group key1 に設定します。


用意したカギの画像(前回のように余白を切り取り
設定を変更してください)を

UI>Image
key1, key2 の子要素(Checkmarkより下に配置)にして、
大きさを調整します。


ゲームを再生してアイテムをそれぞれクリックし、
色が片方だけピンクになれば成功です。

tuto6
一旦、key1key2Inspector の名前左のチェックを外し非表示にしましょう。

今回はここまでです。