[Unity/UI] 텍스트 배경크기조절하는법("Parent has a type of layout group" error)

UI를 만들다보면 이런 경고들을 자주만납니다.

각자의 사정상 UI가 이렇게밖에 만들어질 수 없는 일도 생기지만, 저는 최대한 이런 에러를 만들지 않으려고 노력하는 편입니다.

UI 구조가 변경되거나 추가되어 꼬이는 일이 발생하면 레이아웃을 강제로 맞추는 스크립트 작업이 필요하게 될 수도 있기 때문이죠.

(스파게티코드가 아닌 스파게티 UI를 경험하는 순간...)

전 그래서 이렇게 해결합니다.

 

-  백그라운드 이미지 최소크기가 정해져 있는 경우

1. 상위 오브젝트에 HorizontalLayoutGroup과 ContentSizeFitter 값을 아래와같이 지정해줍니다.

2. LayoutElement로 백그라운드의 최소 width와 height을 지정해주고, VerticalLayoutGroup에 값을 넣고,

그아래에 텍스트를 넣어주시면 됩니다.

<결과> 텍스트를 입력할때마다 아래로 자동으로 내려갑니다.

** 세로와 함께 가로도 늘어나게 하고싶다면**

상위오브젝트의 ContentSizeFitter에서 Horizontal Fit도 체크해주시면 됩니다.

이렇게 가로도 늘어납니다.