本日はMRTKのボタンに関しての記事です。
MRTKではプレファブとしていくつかのUIが提供されています。
本ブログでは調査を兼ねオリジナルのUIの作成に挑戦しています。
今回はMRTKのボタンに関するドキュメントを読みながらさらなる理解を深めます。
〇MRTKのボタンプレハブ
MRTK/SDK/Features/UX/Interactable/Prefabsに格納されています。
●コライダーベースのボタン
・PressableButtonHoloLens2
・PressableButtonHoloLens2Unplated
バックプレートがないタイプです。
・PressableButtonHoloLens2Circular
丸いタイプのボタンです。
・PressableButtonHoloLens2_32x96
・PressableButtonHoloLens2Bar3H
一つのプレートに3種のボタンが並んだプレファブです。
・PressableButtonHoloLens2Bar3V
PressableButtonHoloLens2Bar3Hの縦版です。 HはHorizontal、VはVerticalを意味していると思われます。
・PressableButtonHoloLens2ToggleCheckBox_32x32
チェックボックスタイプのボタンです。
inspectorからInteractableをみると[SelectionMode]が[Button]ではなく[Toggle]として使用されていることがわかります。
・PressableButtonHoloLens2ToggleSwitch_32x32
オンオフが可視的に理解できるSwitchタイプのボタンです。
PressableButtonHoloLens2ToggleCheckBox_32x32同様[Interactable]の[SelectionType]が[Toggle]になっています。
プレファブには[UIButtonToggleIconOn][UIButtonToggleIconOff]の二つのオブジェクトがあり、ボタンのアクションでアクティブ、ディアクティブが切り替わることでオンオフを実現しています。
・PressableButtonHoloLens2ToggleRadio_32x32
ラジオボタン型です。
こちらもディアクティブのアイコンオブジェクトがアクティブに変わることでオンオフを可視化しています。
・PressableButtonHoloLens2ToggleCheckBox_32x96
チェックボックスとテキストを横に並べることができるボタンです。(アンケートとかによくあるタイプ)
・PressableButtonHoloLens2ToggleSwitch_32x96
Switchタイプの横に長いボタンです。
・PressableButtonHoloLens2ToggleRadio_32x96
ラジオボタンタイプの横に長いボタンです。
・Radial
バックプレートがなく3Dオブジェクトとして独立しているラジオボタンです。
これは以前 MRTK ExamplesのInteractablesExamplesシーンで見ています。
・Checkbox
3Dオブジェクトとして独立したチェックボックスです。
こちらも以前 MRTK ExamplesのInteractablesExamplesシーンで見ています。
・ToggleSwitch
Switchが3Dオブジェクトとして独立したタイプです。
・ButtonHoloLens1
HoloLens1st から使用されているクラシックなタイプです。
・PressableRoundButton
現実でよく見る3Dオブジェクトのボタンです。
・Button
最もシンプルなボタンです。