데브허브 | DEVHUB | The Definitive GODOT Layouts GuideThe Definitive GODOT Layouts Guide
- Godot UI는
ColorRect와 같은 간단한 컨트롤 노드를 사용하여 레이아웃 시스템에 집중할 수 있습니다. 🎨
- 컨트롤 노드의 레이아웃은
Position (절대값) 대신 Anchors (상대값)를 사용하는 것이 중요합니다. ⚓
Anchor Points는 노드의 위치와 크기를 화면 또는 부모 컨테이너에 대한 상대적인 비율(0.0~1.0)로 정의합니다. 📏
Anchor Offsets는 앵커 포인트에 픽셀 단위의 고정 간격을 추가하여 미세 조정이나 일관된 여백을 제공합니다. ➕
- 앵커를 사용하면 창 크기 변경 시 UI 요소가 비례적으로 조정되어 반응형 디자인이 가능합니다. ↔️
Sprite2D와 같은 일반 노드는 절대 위치를 사용하므로 창 크기 변경 시 잘리거나 사라질 수 있습니다. 🖼️
Container 노드는 여러 컨트롤 노드를 특정 패턴으로 자동 정렬하여 수동 앵커 설정의 번거로움을 줄여줍니다. 📦
HBoxContainer는 자식 노드를 가로로 배열하며, Expand 속성으로 공간을 채우고 Stretch Ratio로 비율을 조절합니다. ➡️
GridContainer는 자식 노드를 그리드 형태로 배열하며, Columns 속성으로 열 수를 설정합니다. 🌐
- 컨테이너는 중첩하여 복잡한 UI 레이아웃을 효율적으로 구성할 수 있습니다. 🧩