Unity 자동 레이아웃 시스템 이해하기
개요
Unity의 자동 레이아웃 시스템은 다양한 레이아웃을 유연하게 처리할 수 있도록 설계된 기능입니다. 이 시스템은 수평 및 수직 그룹, 격자 무늬 레이아웃으로 UI 요소를 배치하며, 이러한 요소는 콘텐츠에 맞게 자동으로 크기가 조정됩니다.
레이아웃 요소(Layout Elements)
자동 레이아웃 시스템은 레이아웃 요소와 레이아웃 컨트롤러 개념에 기반합니다. 레이아웃 요소는 사각 트랜스폼을 가진 게임 오브젝트입니다. 이 요소는 크기를 지정하는 데 필요한 여러 프로퍼티를 포함하고 있습니다.
| 레이아웃 요소 프로퍼티 | 설명 |
|---|---|
| 최소 너비 | 요소의 최소 너비 |
| 최소 높이 | 요소의 최소 높이 |
| 선호 너비 | 요소의 선호 너비 |
| 선호 높이 | 요소의 선호 높이 |
| 가변 너비 | 가변적으로 조정 가능한 너비 |
| 가변 높이 | 가변적으로 조정 가능한 높이 |
레이아웃 요소를 사용하는 Layout Controller의 예로는 Content Size Fitter와 다양한 Layout Group 컴포넌트가 있습니다.
레이아웃 컨트롤러(Layout Controllers)
레이아웃 컨트롤러는 레이아웃 요소의 크기와 위치를 제어하는 컴포넌트입니다. 이들은 부모 또는 자식 요소의 레이아웃을 관리할 수 있습니다.
콘텐츠 크기 피터(Content Size Fitter)
이 컴포넌트는 레이아웃 요소의 크기를 텍스트 콘텐츠에 맞춰 조정합니다.
종횡비 피터(Aspect Ratio Fitter)
종횡비 피터는 부모 요소에 비례하여 자신의 크기를 조정합니다.
레이아웃 그룹(Layout Groups)
레이아웃 그룹은 자식 요소의 크기와 위치를 제어합니다. 예를 들어, 수평 레이아웃 그룹은 자식을 수평으로 배치하고, 그리드 레이아웃 그룹은 자식을 격자 형태로 배치합니다.
| 레이아웃 그룹 유형 | 설명 |
|---|---|
| 수평 레이아웃 그룹 | 자식을 수평으로 나란히 배치함 |
| 수직 레이아웃 그룹 | 자식을 수직으로 나란히 배치함 |
| 그리드 레이아웃 그룹 | 자식을 격자 형태로 배치함 |
강제 사각 트랜스폼(Driven Rect Transform)
자동 레이아웃 시스템은 레이아웃 요소의 크기와 위치를 자동으로 조정하는 기능을 가지고 있습니다. 사각 트랜스폼은 이러한 조정을 위해 '강제 프로퍼티' 개념을 도입하여 수동 편집을 방지하고 있습니다.
기술적 세부 사항
자동 레이아웃 시스템은 특정 인터페이스를 구현한 커스텀 컴포넌트를 만들 수 있습니다. 각 인터페이스는 다음과 같습니다:
| 인터페이스 | 설명 |
|---|---|
| ILayoutElement | 레이아웃 요소로 간주됨 |
| ILayoutGroup | 자식 요소의 크기를 강제 설정함 |
| ILayoutSelfController | 자신의 크기를 강제 설정함 |
레이아웃 계산(Layout Calculations)
Unity의 자동 레이아웃 시스템은 다음과 같은 순서로 레이아웃을 계산합니다: 1. 레이아웃 요소의 최소, 선호, 가변 너비를 계산합니다. 2. 유효 폭을 설정합니다. 3. 레이아웃 요소의 최소, 선호, 가변 높이를 계산합니다. 4. 유효 높이를 설정합니다.
레이아웃 재빌드(Layout Rebuild)
레이아웃이 더 이상 유효하지 않은 경우, 레이아웃을 재계산해야 할 수 있습니다. 다음 호출을 통해 이를 트리거할 수 있습니다:
LayoutRebuilder.MarkLayoutForRebuild(RectTransform);
활용 예제
- 동적 텍스트 UI: Text 컴포넌트를 사용하여 UI 내에서 동적인 텍스트 크기 조정.
- 정적 게임 메뉴: 수직 레이아웃 그룹을 사용하여 게임 메뉴를 정렬하고 배치.
- 반응형 디자인: 종횡비 피터를 사용하여 다양한 화면 크기에 맞춘 UI 요소 구성.
결론
Unity의 자동 레이아웃 시스템은 UI 요소를 유연하고 동적으로 관리할 수 있게 해 주며, 다양한 활용이 가능합니다. 게임 개발 시, 사용자 인터페이스 구현에 있어 큰 도움이 됩니다.