상호작용 컴포넌트

이 섹션에서는 마우스 및 터치 이벤트 등과 같이 키보드나 컨트롤러를 사용하여 이루어지는 상호작용을 처리하는 UI 시스템의 컴포넌트에 대해 설명합니다.

상호작용 컴포넌트 자체가 사용자에게 보여지지는 않으며, 하나 이상의 비주얼 요소와 결합하여 기능을 수행합니다.

공통 기능

대부분의 상호작용 컴포넌트는 사용자가 선택할 수 있다는 공통점을 가지고 있습니다. 따라서 이들 컴포넌트는 상태가 전환되는 것(노멀, 강조, 눌림, 비활성화)을 시각화하고, 키보드나 컨트롤러를 사용하여 다른 항목을 선택할 수 있도록 빌트인 기능을 공유합니다. 이 공유 기능은 선택 가능 페이지에 자세히 설명되어 있습니다.

상호작용 컴포넌트는 사용자가 특정 방식으로 컴포넌트와 상호작용할 때 호출되는 UnityEvent를 하나 이상 가집니다. UI 시스템은 UnityEvent에 연결된 코드에서 파생되어 나온 예외를 포착하고 기록합니다.

버튼(Button)

버튼은 클릭했을 때 수행할 동작을 정의하기 위한 OnClick UnityEvent를 가지고 있습니다.

Button 컴포넌트 사용에 대한 자세한 내용은 버튼 페이지를 참조하십시오.

토글(Toggle)

토글은 현재 토글이 켜짐/꺼짐 중 어느 상태인지를 결정하는 Is On 체크박스를 가지고 있습니다. 이 값은 사용자가 해당 토글을 클릭할 때마다 변하며 그에 따라 체크 마크가 표시되거나 사라집니다. 또한 이 값이 변했을 때 수행할 동작을 정의하기 위한 OnValueCHanged UnityEvent를 가지고 있습니다.

Toggle 컴포넌트 사용에 대한 자세한 내용은 토글 페이지를 참조하십시오.

토글 그룹(Toggle Group)

토글 그룹은 상호 배타적인 토글을 그룹화하기 위해 사용합니다. 동일 그룹에 속한 토글은 한 번에 하나만 선택할 수 있도록 제약이 걸리게 됩니다. 즉 토글 중 하나를 선택하면 자동으로 다른 토글은 선택 해제됩니다.

Toggle Group 컴포넌트 사용에 대한 자세한 내용은 토글 그룹 페이지를 참조하십시오.

슬라이더(Slider)

슬라이더는 사용자가 최소값에서 최대값까지 드래그할 수 있는 10진수 숫자 값을 가집니다. 슬라이더는 수평 또는 수직 중 하나의 형태입니다. 또한 이 값이 변했을 때 수행할 동작을 정의하기 위한 OnValueChanged UnityEvent를 가지고 있습니다.

Slider 컴포넌트 사용에 대한 자세한 내용은 슬라이더 페이지를 참조하십시오.

스크롤바(Scrollbar)

스크롤바는 0₁ 사이의 소수점 값을 가집니다. 사용자가 스크롤바를 드래그하면 그에 따라 이 값이 변합니다.

스크롤 뷰를 만들기 위해 종종 스크롤 사각 영역 및 마스크를 스크롤바와 함께 사용합니다. 스크롤바는 전체 스크롤바 길이의 비율로써 핸들의 크기를 결정하는 0₁ 사이의 크기 값을 가집니다. 이는 종종 스크롤 뷰에 있는 콘텐츠가 어느 비율만큼 보여야 하는지를 나타내기 위해 다른 컴포넌트에 의해 조절됩니다. 이를 Scroll Rect 컴포넌트가 자동으로 할 수 있습니다.

스크롤바는 수평 또는 수직 중 하나의 형태입니다. 또한 값이 변했을 때 수행할 동작을 정의하기 위한 OnValueChanged UnityEvent를 가지고 있습니다.

Scrollbar 컴포넌트 사용에 대한 자세한 내용은 스크롤바 페이지를 참조하십시오.

드롭다운(Dropdown)

드롭다운은 선택할 수 있는 옵션 리스트를 가지고 있습니다. 텍스트 문자열과 선택적인 이미지를 각 옵션에 지정할 수 있으며, 인스펙터 또는 코드에서 동적으로 설정할 수 있습니다. 현재 선택되어 있는 옵션이 변경되었을 때 수행할 동작을 정의하기 위한 OnValueChanged UnityEvent를 가지고 있습니다.

Dropdown 컴포넌트 사용에 대한 자세한 내용은 드롭다운 페이지를 참조하십시오.

입력 필드(Input Field)

입력 필드는 사용자가 텍스트 요소의 텍스트를 수정할 수 있도록 하기 위해 사용합니다. 텍스트 콘텐츠가 변경되었을 때 수행할 동작을 정의하기 위한 UnityEvent, 그리고 사용자가 편집을 마쳤을 때 수행할 동작을 정의하기 위한 또 다른 UnityEvent를 가지고 있습니다.

Input Field 컴포넌트 사용에 대한 자세한 내용은 입력 필드 페이지를 참조하십시오.

스크롤 사각 영역(Scroll Rect)(스크롤 뷰)

공간을 많이 차지하는 콘텐츠를 작은 영역에 표시해야 할 때 스크롤 사각 영역을 활용할 수 있습니다. 스크롤 사각 영역(Scroll Rect)은 콘텐츠를 스크롤하는 기능을 제공합니다.

일반적으로 스크롤 사각 영역은 마스크와 함께 사용하여 스크롤 사각 영역 중 유일하게 스크롤 가능한 콘텐츠가 보이는 스크롤 뷰를 생성합니다. 여기에 한두 개의 스크롤바를 추가하여 수직 혹은 수평으로 드래그하게 할 수도 있습니다.

Scroll Rect 컴포넌트 사용에 대한 자세한 내용은 스크롤 사각 영역 페이지를 참조하십시오.