[Unity UI] 텍스트 크기&길이에 따라 말풍선 늘리기(sprite, layout Group, content size filter)

한 개의 이미지를 다양한 사이즈로 재사용하기 위해 Sprite Editor 로 조정했을 때, 그 안의 텍스트 크기에 맞춰 이미지를 가변적으로 만드는 방법이다.

---

요 이미지를 아래처럼 텍스트 길이에 따라 가변적으로(가로) 만들어보자.

---

[ 방법 ]

0) Canvas 에 이미지와 텍스트객체를 만든다. (부모가 Image, 자식이 Text)

 

1) 이미지를 Sprite Editor에서 가변을 줄 부분을 정의하자

image type 은 sliced로 둬야 함 ~!

 

2. 해당 이미지를 단 객체에 Horizontal Layout Group과 Content Size Filter 속성을 달고 아래처럼 입력해주자.

자식 객체(Text)의 크기에 따라 변화시켜줄 것이므로 Content Size Filter 속성의 Horizontal Fit 을 Preferred Size 로 준 것. 이렇게 하면 이미지의 세로는 변경할 수 있지만 이미지의 가로는 변경할 수 없고 자식 객체(Text)에 따라만 바뀐다. 또한, Horizontal Layout Group 속성의 Child Controls Size 에 Width 에 체크해준다. 자식 객체(Text) 크기에 따라 변경되겟다는 말.

 

 

3. 텍스트에는 지정해줄게 없다. 걍 길게 써보고 되나 테스트하기. 끝.