유니티 C# Button Transition

개요

유니티에서 필수적은 UI 요소 중 하나인 버튼에 대해 알아본다.
Transition은 사용자의 행동에 따라 버튼이 시각적으로 어떻게 변하는지를 결정한다.

유니티 버튼은 주로 다음 상황에서 반응한다.

• 평상 시
• 강조
• 클릭
• 비활성화

1. 컬러 틴트(Color Tint)

컬러 틴트는 기본 설정으로 각 상태에 따라 버튼을 특정 색을 정할 수 있다.
각 상태에 따라 색을 다르게 설정할 수 있고 전환시 시간을 설정할 수 있다.

Target Graphic

상호작용할 이미지이며 주로 자기 자신으로 설정한다.

Normal Color

평상시의 더할 색을 의미하며 주로 흰색이다.

Highlighted Color

강조(마우스 올림) 상황에서 더할 색이다.

Pressed Color

버튼을 실제로 눌렀을 때의 색이다.

Disabled Color

버튼이 비활성화(Interactable이 true)일 때의 색상이다.

Color Multiplier

각 상화의 틴트 컬러를 곱하는양이며 클 수록 더 큰 영향을 끼친다.
베이스 컬러가 백색 아래인 경우, 또는 풀 알파 아래인 경우,
그래픽 요소의 컬러 또는 알파 채널을 1 이상의 값을 사용해 밝게 만들 수 있다.

Fade Duration

다른 상태로 바뀔 때까지 걸리는 시간이다.

2. 스프라이트 스왑(Sprite Swap)

각 상활별로 다른 스프라이로 변하게 할 수 있다.
예를 들어 버튼의 활성/비활성화시 다른 이미지를 사용할 경우 유용하다.

Target Graphic

상호작용할 이미지이며 주로 자기 자신으로 설정한다.

Highlighted Sprite

강조 되었을 때의 사용할 이미지

Pressed Sprite

눌렀을 때의 이미지

Disabled Sprite

비활성화(Interactable이 true)일 때의 색상

3. 애니메이션(Animation)

버튼의 상태에 따라 트리거를 호출하여 애니메이션이 실행되도록한다.
이때 Animator 컴포넌트가 반드시 있어야 하고 루트 모션을 비활성화 한다.
또한 Animator는 애니메이션 컨트롤러가 있어야한다.

Normal Trigger

평상시의 애니메이션 트리거

Highlighted Trigger

강조시의 애니메이션 트리거

Pressed Trigger

눌름 상태의 애니메이션 트리거

Disabled Trigger

비활성화 시 애니메이션 트리거

참조
https://docs.unity3d.com/kr/2020.3/Manual/script-SelectableTransition.html