このセクションでは、マウスイベント、タッチイベントやキーボード、コントローラーを使用するインタラクションを扱う UI システムのコンポーネントについて見ていきましょう。
インタラクションコンポーネントは単体では表示されません。正常に動作させるためには、一つ以上の ビジュアルコンポーネント と組み合わせなければなりません。
ほとんどのインタラクションコンポーネントは、いくつか共通するものを有しています。それらは Selectableです。それらは、状態 (標準, ハイライト, 押す, 無効) 間の遷移を視覚化し、キーボードやコントローラーを使用して、他の Selectable へとナビゲーションするための共有するビルトイン機能を持っています。 この共有された機能については Selectable 基底クラス ページを参照してください。
インタラクションコンポーネントには、ユーザーがコンポーネントと相互作用するときに 1 つ以上呼び出される UnityEvent があります。UI システムは、UnityEvent にアタッチされたコードの外に伝える例外をキャッチしログします。
Button はいつクリックされたかを定義する OnClick UnityEvent を持ちます。
Button コンポーネント使用についての詳細は ボタン ページを参照してください。
Toggle には、トグルが現在オンかオフかを決定する Is On チェックボックスがあります。この値はユーザーがトグルをクリックしたときに反転し、チェックマークはそれにしたがってオンとオフに変わります。また、いつ値が変更されたかを定義する OnValuechanged UnityEvent も持ちます。
Toggle コンポーネント使用の詳細については Toggle ページを参照してください。
Toggle Group で相互に排他的な Toggle グループのセットを使用することができます。同じグループに所属するトグルは、グループ内では同時に一つだけ選択できるように制限されます。それらの一つを選択することで自動的に他のすべてを選択解除します。
Toggle Group コンポーネント使用の詳細については Toggle Group ページを参照してください。
Slider には minimum と maximum の値の間をユーザーがドラッグできる 10 進数の Value があります。水平または垂直のどちら向きにも使用することができます。また、いつ値が変更されたかを定義する OnValueChanged UnityEvent も有しています。
Slider コンポーネント使用の詳細は Slider ページを参照してください。
Scrollbar には 0 から 1 の間で遷移する 10 進数の Value があります。ユーザーが Scrollbar をドラッグすると Value はそれに伴い変化します。
Scrollbar はスクロールビューを作成するために Scroll Rect や Mask と共に使用されることが多くあります。Scrollbar にはスクロールバー全体の長さを分数で表したハンドルがどれほどの大きさかを決定し、0 から 1 の間で遷移する Size 値があります。これは、スクロールビューで目に見えているコンテンツの比率がどのくらい大きいかを示すためにほかのコンポーネントからよくコントロールされます。Scroll Rect コンポーネントは自動的にこれを実行します。
Scrollbar は水平か垂直方向のどちらにでも使用できます。また、値がいつ変更されたかを定義する OnValueChanged UnityEvent を有しています。
Scrollbar コンポーネント使用の詳細については Scrollbar ページを参照してください。
ドロップダウンにある複数のオプションのうち 1 つを選択します。各オプションには、テキスト文字列と、必要に応じて画像を設定することができます。これらの設定は、インスペクターやスクリプトコードから動的に設定することができます。また、現在選択されているオプションが変更されたときのコールバックとして UnityEvent に OnValueChanged が定義されています。
Dropdown コンポーネントの使用に関する詳細は Dropdown ページを参照してください。
Input Field は Text のテキストをユーザーによって編集可能にするために使用されます。いつテキストコンテンツが変更されたかを定義する、もう一つにはいつ編集を終えたかを定義する UnityEvent があります。
Input Field コンポーネント使用の詳細については Input Field (入力フィールド) ページを参照してください。
Scroll Rect は小さい領域に、多くのスペースを使用するコンテンツを表示する必要がある場合に使用することができます。Scroll Rect はこのコンテンツ中をスクロールする機能を提供します。
Scroll Rect は、目に見える Scroll Rect 内のコンテンツのみがスクロール可能なスクロールビューを作成するために Mask と組み合わせるものです。また、1 つか 2 つ、水平や垂直方向にスクロールするためにドラッグできる Scrollbar と追加で組み合わせることもできます。
Scroll Rect コンポーネント使用の詳細については Scroll Rect ページを参照してください。