2026-04

AspectRatioContainerは、指定した縦横比を保ちながら子ノードのサイズを自動調整するUIコンテナです。ミニマップなどの実装方法を解説します。

CenterContainerは、子ノードをコンテナの中央に自動配置するUIコンテナです。アンカー調整なしでセンタリングする方法を解説します。

VSplitContainerは、2つの子ノードを上下に並べ、ドラッグ可能な仕切りで比率を変えられるUIコンテナです。上下2分割レイアウトの実装方法を解説します。

MarginContainerは、子ノードの四辺に余白を加えるUIコンテナです。CSSのpaddingに相当する、UIの見栃えを整える方法を解説します。

アイテム欄にアイコンをずらっと並べたとき、画面端でうまく折り返してほしいのに、はみ出てしまった——そんな経験はありませんか？ FlowContainer はその折り返しを自動でやってくれるコンテナです。

HSplitContainerは、2つの子ノードを左右に並べ、ドラッグ可能な仕切りで比率を変えられるUIコンテナです。左右2分割レイアウトの実装方法を解説します。

ファイルブラウザやコードエディタのような「左にリスト、右に詳細」という2ペイン構成のUIを作りたいとき、SplitContainer が活躍します。ドラッグで仕切りを動かせるリサイザブルなレイアウトを、数ステップで実現できるノードです。

設定画面やキャラクターステータス画面など、複数のカテゴリにわかれた情報を1つの画面にまとめたい場面があります。TabContainer（タブコンテナ）を使えば、タブを切り替えるだけで関連する情報をすっきり整理できます。

ゲームのUIを作っているとき、背景となる矩形のコンテナが必要になることがあります。Panel（パネル）はUIを整理し、視覚的にまとめるための基本的なノードです。

ScrollContainerは、子要素が親のサイズを超える際にスクロール機能を自動提供するノードです。インベントリ画面などの実装方法を解説します。