このセクションでは、マウスイベント、タッチイベントやキーボード、コントローラーを使用するインタラクションを扱う 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 ページを参照してください。
Did you find this page useful? Please give it a rating:
Thanks for rating this page!
What kind of problem would you like to report?
Thanks for letting us know! This page has been marked for review based on your feedback.
If you have time, you can provide more information to help us fix the problem faster.
Provide more information
You've told us this page needs code samples. If you'd like to help us further, you could provide a code sample, or tell us about what kind of code sample you'd like to see:
You've told us there are code samples on this page which don't work. If you know how to fix it, or have something better we could use instead, please let us know:
You've told us there is information missing from this page. Please tell us more about what's missing:
You've told us there is incorrect information on this page. If you know what we should change to make it correct, please tell us:
You've told us this page has unclear or confusing information. Please tell us more about what you found unclear or confusing, or let us know how we could make it clearer:
You've told us there is a spelling or grammar error on this page. Please tell us what's wrong:
You've told us this page has a problem. Please tell us more about what's wrong:
Thank you for helping to make the Unity documentation better!
Your feedback has been submitted as a ticket for our documentation team to review.
We are not able to reply to every ticket submitted.