Content Size Fitter

UI 크기를 자동적으로 맞춰주는 컴포넌트

- Text의 내용이 UI 사이즈보다 커질 때 옵션에 따라 뒷 부분이 잘리거나 영역을 넘어가서 표시되는 것을 방지

설정

Horizaontal Fit(가로)

- Unconstrained : UI 크기를 콘텐츠에 맞추지 않는 옵션

ex) UI 크기를 직접 맞추거나 고정된 크기를 사용하는 경우

- Min Size : 레이아웃 요소의 최소 크기를 기준으로 UI 크기를 맞추는 옵션

ex) Layout group 컴포넌트와 주로 사용

- Preferred Size : 콘텐츠의 크기에 따라 UI 크기를 맞추는 옵션

ex) 텍스트나 이미지에 사용하는 경우

피봇

0 ~ 1까지 가로라면 오른쪽 ~ 왼쪽으로 증가 세로라면 위쪽 ~ 아래쪽으로 증가

Mask

Mask : UI의 자식요소 외관을 수정하는 방법 = 자식이 어떻게 보일지 부모의 모양이 결정

 

사용

- 부모 이미지를 정한 후 Mask 컴포넌트를 추가한다.

- 자식 이미지를 변경하면 부모 이미지 틀에 자식 이미지가 채워지게 된다.

 

- 상상해본 것 : 열쇠 구멍에 카메라 렌더 텍스처를 마스킹하면 틈으로 보거나 하는 공포적인 연출을 구현할 수도 있을 것 같다.

'배운 것 적어보기 > 유니티' 카테고리의 다른 글

Sprite Library  (0) 2024.01.05

Sprite Library

2D의 Sprite Library Editor로 스프라이트 라이브러리 에셋을 만들 수 있다.

 

방법

Window - 2D - Sprite Library Editor - Create new Sprite Library Asset 클릭

- Create new Sprite Library Asset 후 Categories에 스프라이트를 넣어줌

- 카테고리와 레이블은 공유가 되니 이름을 잘 지어줘야 함 (이름 동일하게 맞춰줘야 함)

- Sprite Library 컴포넌트 추가 후 Sprite Library Asset을 등록

- 레이블 이름을 맞춰주지 않으면 작동하지 않음

 

- Sprite Resolver를 추가하여 Sprite를 애니메이션에 등록 (녹화하여 선택하면 됨)

 

실행

Sprite Library 에셋만 바꿔 끼워주면 애니메이션의 스프라이트도 바뀌는 것을 볼 수 있다.

'배운 것 적어보기 > 유니티' 카테고리의 다른 글

Mask  (0) 2024.01.18

+ Recent posts