夜風のMixedReality

xRと出会って変わった人生と出会った技術を書き残すためのGeekなHoloRangerの居場所

InteractablesExamples/ToggleCollection ~MixedRealityToolkit v2 Examplesを触ってみる。 その⑦~

 MixedRealityToolKit(以下MRTK)にはExamplesというデモサンプル集が含まれています。

 Examplesを理解すればMRTKの機能の使い方を学習することやノンコーディングでのアプリ開発が可能になります。  

 前回からUX/Interactables/InteractablesExamplesを見ています。

 前回はTraditional Styleを見ていました。

redhologerbera.hatenablog.com

 今回はSceneDescriptionPanelのToggleCollectionを見ていきます。

f:id:Holomoto-Sumire:20200216092909j:plain

〇Toggle

f:id:Holomoto-Sumire:20200216093335g:plain

[Toggle]オブジェクトは[Select]することで[Dot]が移動し[ToggleButton]が青く変色します。[Interactable.cs][TouchHandler.cs][NearInteractionTouchble.cs]がアタッチされています。

f:id:Holomoto-Sumire:20200216093043j:plain

[Toggle]オブジェクトはテキストに当たる[Label]、[ToggleBackground]、ボタン部分に当たる[ToggleButton]、[Dot]が子オブジェクトにあります。

f:id:Holomoto-Sumire:20200216094051j:plain
ToggleBackground

f:id:Holomoto-Sumire:20200216094230j:plain
ToggleButton

f:id:Holomoto-Sumire:20200216094454j:plain
Dot

f:id:Holomoto-Sumire:20200216093832j:plain

[Interactable.cs]の[Profiles]の[Target]として各オブジェクトの状態の変化を指定しています。

f:id:Holomoto-Sumire:20200216095521j:plain
ToggleのInteractable.cs

[Toggle]をイベントとして使用するためにはButton同様[Events/OnClick()]にイベントを追加します。

f:id:Holomoto-Sumire:20200216100032j:plain

次回はRadialSetを見ていきます。