GUIコンテナ(UI要素の親となるオブジェクト)
| 名前 | 機能 | 主な活用記事 |
| ScreenGui | 2Dのユーザーインターフェースを画面上に配置 | 【Roblox Studio】常に表示される画面を作ってみよう【ScreenGui】 |
| BillboardGui | 3D空間内でオブジェクトに追従するUI | 【Roblox Studio】3D空間に2Dの画像を表示する【BillboardGui】 |
| SurfaceGui | パーツの表面に貼り付けられるUI | 【Roblox Studio】パーツに文字を表示させる方法【SurfaceGui】 |
基本UI要素(UIを構成する基本的なパーツ)
| 名前 | 機能 | 主な活用記事 |
| Frame | 背景やレイアウトの基盤となる四角いフレーム | 【Roblox Studio】Frameを使ってみよう【Frame】 |
| TextLabel | 文字を表示するラベル | 【Roblox Studio】TextLabelを使ってみよう【TextLabel】 |
| TextButton | クリック可能なボタン(テキスト付き) | 【Roblox Studio】ボタン機能のあるテキストUIを追加する【TextButton】 |
| TextBox | ユーザーがテキストを入力できるボックス | 【Roblox Studio】TextBoxを使ってみよう【TextBox】 |
| ImageLabel | 画像を表示するUI要素 | 【Roblox Studio】好きな画像を貼ってみよう【ImageLabel】 |
| ImageButton | クリック可能な画像ボタン | 【Roblox Studio】画像付きのボタンを作ってみよう【ImageButton】 |
| ScrollingFrame | スクロール可能なコンテンツ表示枠 | 【Roblox Studio】スクロールバー付きのUIを追加する【ScrollingFrame】 |
インタラクティブ要素(ユーザーとやり取りが可能なUI)
| 名前 | 機能 | 主な活用記事 |
| ViewportFrame | 2D UI内に3Dオブジェクトを表示可能 | 【Roblox Studio】UIオブジェクトに映像を映す【ViewportFrame】 |
| VideoFrame | ゲーム内で動画を再生できるUI | 【Roblox Studio】動画を埋め込む方法【Video Frame】 |
| UIDragDetector | UI要素をドラッグ可能にする | 【Roblox Studio】UIDragDetectorを使ってみよう【UIDragDetector】 |
レイアウト管理(UIの配置を調整)
| 名前 | 機能 | 主な活用記事 |
| UIGridLayout | グリッドレイアウトを適用 | 【Roblox Studio】UIオブジェクトをグリッド状にレイアウトする【UIGridLayout】 |
| UIListLayout | 縦または横に要素を並べる | 【Roblox Studio】UIオブジェクトをリスト状にレイアウトする【UIListLayout】 |
| UITableLayout | 表形式でUIを配置 | 【Roblox Studio】UIオブジェクトを表にする【UITableLayout】 |
| UIPadding | 内側の余白を設定 | 【Roblox Studio】UIオブジェクトに余白を追加する【UIPadding】 |
| UIPageLayout | ページの切り替えを実現 | 【Roblox Studio】UIオブジェクトをページのようにレイアウトする【UIPageLayout】 |
| UIScale | UIのスケールを変更 | 【Roblox Studio】UIオブジェクトの大きさを調整する【UIScale】 |
| UISizeConstraint | UIの最小・最大サイズを制限 | 【Roblox Studio】UIオブジェクトの大きさに制約をつける【UISizeConstraint】 |
| UIFlexItem | フレックス動作を可能にする | 【Roblox Studio】UIFlexItemを使ってみよう【UIFlexItem】 |
装飾(見た目を調整)
| 名前 | 機能 | 主な活用記事 |
| UIAspectRatioConstraint | アスペクト比を固定 | 【Roblox Studio】UIAspectRatioConstraintを使ってみよう【UIAspectRatioConstraint】 |
| UICorner | 角を丸くする | 【Roblox Studio】UIオブジェクトの角を丸くする【UICorner】 |
| UIGradient | グラデーションを適用 | 【Roblox Studio】UIオブジェクトにグラデーションをつける【UIGradient】 |
| UIStroke | 枠線を追加 | 【Roblox Studio】UIオブジェクトの枠線を調整する【UIStroke】 |
| UITextSizeConstraint | テキストサイズの制限 | 【Roblox Studio】UIオブジェクトのテキストの大きさに制限をつける【UITextSizeConstraint】 |




コメント