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】 |
コメント