UI Layout Group 이란?
Unity에서 UI Layout Group은 UI 요소를 정렬하고 그룹화하기 위한 컴포넌트입니다.
UI Layout Group은 주로 UI 요소의 크기 및 위치를 관리하고 조절하는 데 사용됩니다. 이는 게임이나 애플리케이션에서 동적으로 크기가 조정되는 UI 요소를 다룰 때 특히 유용합니다. 예를 들어 인벤토리나 메뉴바 등등
이거 모를 시절에는 UI 막 배치하다 정렬안되고 난리 난 적이 많았죠....
Layout Group에는 다음과 같이 3가지 종류가 있습니다.
-
Horizontal Layout Group (가로 레이아웃 그룹): 자식 요소들을 가로로 정렬합니다. 가로로 정렬된 요소들 간의 간격을 조절하고, 필요에 따라 자식 요소들의 크기를 자동으로 조절할 수 있습니다.
-
Vertical Layout Group (세로 레이아웃 그룹): 자식 요소들을 세로로 정렬합니다. 세로로 정렬된 요소들 간의 간격을 조절하고, 필요에 따라 자식 요소들의 크기를 자동으로 조절할 수 있습니다.
-
Grid Layout Group (그리드 레이아웃 그룹): 자식 요소들을 그리드 형태로 정렬합니다. 행과 열의 수, 간격, 크기 등을 조절하여 그리드 형태의 정렬을 구성할 수 있습니다.
이러한 레이아웃 그룹들은 UI 요소의 동적인 변경에 유연하게 대응할 수 있도록 도와주며, 사용자가 창 크기를 조절하거나 콘텐츠가 동적으로 변경될 때 UI를 적절하게 조정할 수 있습니다.
레이아웃 그룹 속성
다음은 레이아웃 그룹의 속성에 대한 설명입니다. 이를 조절하여 UI 요소들을 손쉽게 정렬할 수 있습니다.
-
Padding (패딩) : Padding은 레이아웃 그룹의 가장자리에 대한 여백을 설정하는 속성입니다. 여백은 그룹의 외부 경계에서부터 자식 요소까지의 거리를 나타냅니다. 이를 통해 요소들이 그룹의 경계에서 얼마나 떨어져 있는지를 조절할 수 있습니다.
-
Spacing (간격) : Spacing은 자식 요소들 간의 간격을 나타내는 속성입니다. 간격은 자식 요소들이 그룹 내에서 서로 얼마나 떨어져 있는지를 결정합니다.
-
Cell Size (셀 크기) : 몇몇 레이아웃 그룹은 셀 기반의 정렬을 사용하며, Cell Size는 각 셀의 크기를 설정합니다. 예를 들어 Grid Layout Group은 셀 기반으로 요소들을 배열합니다.
-
Start Corner (시작 모서리) : Start Corner는 자식 요소의 정렬이 어느 모서리에서 시작할지를 결정합니다. 예를 들어, Grid Layout Group에서는 요소의 정렬이 왼쪽 상단 모서리, 오른쪽 상단 모서리 등에서 시작할 수 있습니다.
-
Start Axis (시작 축): Start Axis는 정렬의 시작 축을 설정합니다. Horizontal Layout Group에서는 수평 축에서 시작하고, Vertical Layout Group에서는 수직 축에서 시작하는 등의 설정이 가능합니다.
