Godot4

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

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

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

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

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

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

GridContainerは、子ノードを指定した列数で自動的に格子状に配置するコンテナです。インベントリ UIなどグリッド表示の実装方法を解説します。

VBoxContainerは、子要素を上から下へ自動的に整列させるコンテナノードです。UI要素を縦に並べる基本的な使い方を解説します。

HBoxContainerは、子ノードを左から右へ自動的に整列させるコンテナノードです。ボタンやステータス表示を横並びにする使い方を解説します。

Buttonは、クリックやタップでシグナルを発するUIノードです。ゲームメニューの「スタート」「設定」などの基本的な実装方法を解説します。