유니티 CanvasGroup 컴포넌트 사용법

안녕하세요 유니티 비기너입니다.

이번 시간에는 CanvasGroup 컴포넌트에 대해 알아보겠습니다.

 

CanvasGroup 컴포넌트란

 

유니티에서 UI 엘리먼트들은 Canvas객체 하위에 존재하는데 이 엘리먼트들에 Canvas Group 컴포넌트를 추가하여

그룹화되어있는 자식 요소의 알파와 레이 캐스팅 상태를 제어할 수 있는 것이 CanvasGroup 컴포넌트입니다.

 

결과 화면

부모 객체와 자식 객체 전부 Canvas Group 컴포넌트를 적용시킨 상태입니다.

Canvas Group 알파 값을 변경하자 자식 그룹요소 모두 영향을 받습니다.

 

Interatable 체크박스를 제거하자 그룹에 포함되는 UI 엘리먼트의 기능이 비활성화 됩니다.

 

Image, Button, RawImage Panel 오브젝트 CanvasGroup에 Ignol Parent Group 체크합니다.

Ignol Parent Group이 체크되어 있는 경우 부모 그룹의 제어를 무시합니다.

 

빨간 버튼에 Blocks Raycast 체크를 해제합니다.

RayCast가 차단되어 빨간버튼을 눌러도 반응하지 않고 겹쳐있는 파란버튼이 반응합니다.

준비 요소

1. 여러 가지의 UI 오브젝트를 생성합니다.

2. 오브젝들을 동일한 부모 객체로(Canvas Group) 이동시키고 각각 Canvas Group 컴포넌트를 추가합니다.

기능 설명

alpha 
 - 그룹의 알파를(투명도) 설정합니다.
 ex) 알파가 0이면 해당 그룹과 그 자식 객체의 그룹이 화면에서 보이지 않습니다.

blockRayCasts 
 - 그룹의 레이 케스트를 차단합니다.
 ex) 해당 그룹의 버튼 오브젝트를 감지를 못하고 동작하지 않습니다. 
     만약 버튼 뒤에 그룹이 되어있지 않은 다른 버튼이 있다면 해당 버튼이 클릭됩니다.

ignoreParentGroup
 - 해당 그룹이 부모 그룹의 제어를 무시합니다.
 ex) 부모 그룹의 알파를 0으로 해도 자식 그룹의 알파에 변동이 없습니다.

interactable
 - 해당 그룹의 상호작용을 활성/비 활성시킵니다.
 ex) 기능들이 비활성화됩니다. 버튼 클릭 x 스크롤 x 체크박스 x 등등