24년 6월 24일 TIL

Content Size Fitter에 대해서

Content Size Fitter '컴포넌트'는 UI 요소의 크기를 콘텐츠의 크기에 맞춰 자동으로 조정해주는 역할을 한다. 이 컴포넌트는 RectTransform과 함께 사용되어, 부모 UI 요소의 크기를 자식 콘텐츠의 크기에 따라 동적으로 변경할 수 있다.

 

*RectTransform을 사용을 해야 이 UI 정렬 기능을 사용 할 수 있음

 

주요 기능 및 옵션

1. Horizontal Fit (수평 맞춤):
   • Unconstrained: 수평 크기를 고정된 상태로 유지
   • Min Size: 콘텐츠의 최소 크기에 맞춰 수평 크기를 조정
   • Preferred Size: 콘텐츠의 선호 크기에 맞춰 수평 크기를 조정
2. Vertical Fit (수직 맞춤):
   • Unconstrained: 고정된 상태로 유지
   • Min Size: 최소 크기에 맞춰 수직 크기 조정
   • Preferred Size: 선호 크기에 맞춰 수직 크기를 조정

 

 

사용 예시

1. 동적인 텍스트 박스: 텍스트의 길이에 따라 크기가 변하는 UI 요소가 필요할 때, Content Size Fitter를 사용하여 텍스트가 변경될 때마다 자동으로 UI 요소의 크기를 조정할 수 있다고 한다.
2. 리스트나 그리드 레이아웃: 여러 개의 자식 요소가 있는 컨테이너의 경우, 각 자식 요소의 크기에 맞춰 컨테이너의 크기를 자동으로 조정 할 수 있다.

 

주의 사항

• Content Size Fitter를 사용할 때는 레이아웃 그룹(예: Horizontal Layout Group, Vertical Layout Group)과 함께 사용할 수 있지만, 서로 충돌하지 않도록 주의해야 한다. 두 컴포넌트가 동시에 크기를 조정하려고 하면 예상치 못한 결과가 발생할 수 있다.
• Content Size Fitter를 자주 사용하는 경우 성능에 영향을 미칠 수 있으므로, 필요할 때만 사용하는 것이 좋다. 성능 안 좋나?..