Unity ContentSize Fitter 구성 요소 사용 예

이번 개요

Unity의 ContentSize Fitter 구성 요소를 사용하여 텍스트 길이에 따라 배경의 크기를 변경하는 방법

Text 및 Image 구성

①Hierrarchy에서Create>UI&Text를 실행하고 텍스트를 추가합니다.
② Create>UI > Image를 텍스트의 하위 요소로 사용하여 이미지를 추가합니다.

Text 뒤에 Image 구성

서브요소의 Image에 Canvas 어셈블리를 추가하고 SortOrder를 -1로 변경합니다.


Hierrarchy의 Image 표시 이름을 BG로 변경합니다!

BG 잠금 설정

잠금 사전 설정을 표시하고 shift 키와 option 키를 눌러 오른쪽 아래 구석에서 Stretch를 선택합니다.

RectTransform 구성 요소 내의 Left Top, Right, Bottom 값은 각각 -5입니다.

Text에 ContentSize Fitter 구성 요소 추가

ContentSize Fitter 구성 요소를 추가하여 Horizontal/Vertical Fit의 값을 Preferred Size로 변경합니다.
어셈블리에 대한 설명은 다음 표에 기재되어 있습니다.
옵션
컨텐트
Unconstrained　
크기 변경 안 함
Min Size
[Min Width/Height]의 값으로 자동 크기 조정
Preferred Size
치수를 [Preferred Width/Height] 값으로 조정

이상의 공정에서 문자 수에 따라 배경의 크기가 변경되었습니다!

참고 자료

↓이번에 자료참고p113↓
Unity 게임 UI Practice Wizard 개발자가 알고 싶은 GUI 구축의 새로운 기준