ユーザーインターフェース

*このコンテンツは、ベータ版のAI（人工知能）を使用して翻訳されており、エラーが含まれている可能性があります。このページを英語で表示するには、こちらをクリックしてください。

高品質なグラフィカルユーザーインターフェースを、最小限のスクリプトで迅速に作成することができるのが組み込みの UIオブジェクトです。作成する場所に応じて、UIは画面上に表示されるか、体験の3Dワールド内に表示されるかのいずれかになります。

画面上のUI

画面上のコンテナは、プレイヤーの画面に表示したいUIオブジェクトを保持します。これには、フレーム、ラベル、ボタンなどが含まれます。すべての画面上のUIオブジェクトとコードは、クライアント上に保存され、変更されます。

体験内のコンテナには、SurfaceGuis や BillboardGuis など、体験の3Dワールド内に表示したいUIオブジェクトが含まれます。

ほとんどのUI要素は GuiObjects で、コンテナに親子関係を持つ2Dグラフィカルユーザーインターフェースオブジェクトです。最も一般的なものは、フレーム、ラベル、ボタン、およびテキスト入力オブジェクトです。

オブジェクト	説明
フレーム	Frames は他のUIオブジェクトのコンテナとして機能します。フレームを操作すると、それに含まれるオブジェクトも操作されます。
ラベル	TextLabel と ImageLabel オブジェクトは、カスタマイズ可能なテキストと画像を表示することを可能にします。
ボタン	TextButton と ImageButton オブジェクトは、ユーザーがアクションを促すことを可能にします。
テキスト入力	TextBox オブジェクトは、ユーザーがテキストを入力できるようにします。

Position、Size、AnchorPoint、および ZIndex プロパティを使用することで、GuiObjects をどう位置付ける、サイズを変更する、およびレイヤーを設定するかを完全に制御できます。また、ツイーニングを使用して、GuiObject をある状態から別の状態へとスムーズに遷移させ、動的な視覚的フィードバックを提供できます。

位置とサイズを調整するための基本プロパティに加えて、Robloxはリスト/フレックスやグリッド、さらにサイズ修飾子と外観修飾子のようなレイアウト構造も提供しています。

ユニバーサルスタイリングは、CSSに似たRobloxのスタイルシートソリューションで、UIインスタンスプロパティのオーバーライドを宣言し、グローバルに適用できます。このエンジンレベルのサポートは、スタイルエディタとエンドツーエンドトークンパイプラインの基盤です。

コアのユーザーインターフェースオブジェクトに加えて、以下のフレームワークは、体験に対して組み込みでカスタマイズ可能なインタラクティビティを提供します。

近接プロンプトは、体験内のオブジェクト（ドア、ライトスイッチ、ボタンなど）に近づいたときにアクションをトリガーするようユーザーに促すユニークな組み込みUIオブジェクトです。

UIドラッグ検出器は、スライダーやスピナーなどの2Dユーザーインターフェース要素とのインタラクションを促進し、奨励します。

3Dドラッグ検出器は、体験内の3Dオブジェクトとの物理的インタラクションを促し、ドアや引き出しを開けたり、パーツをスライドさせたり、ボウリングボールを掴んで投げたり、スリングショットを引いて発射したりするなどのアクションを行います。