[Unity] IPointer Interface에 대한 정리 - 오브젝트 마우스 포인터 클릭 이벤트 처리

 

안녕하세요. 이번 글은 마우스 포인터와 관련한 여러 가지 이벤트를 담고 있는 IPointer Interface를 정리하고자 합니다.

이 인터페이스는 Event Systems에 제공되는 인터페이스로 마우스 입력(클릭, 드래그 등)이벤트를 구현할 때 사용됩니다.

 

 

 

 

 오브젝트와 Image 타입의 비교

 

3개의 오브젝트

 

테스트를 위해 간단히 3개의 오브젝트를 만들었습니다.  오브젝트 소개는 아래와 같습니다.

Circle (원) - UI 오브젝트 

Image (네모) - UI 이미지 

Capsule (캡슐) - 일반 2D오브젝트

 

IPointer 인터페이스 사용을 위해 EventSystem을 만들어 주고, Canvas에 Graphic RayCaster 컴포넌트가 있는지 확인해 주세요.

 

 

Canvas - Graphic Raycaster

 

 

 

이제 테스트를 위해 TestClick.cs 스크립트를 하나 만들어 줍니다. IPointer 인터페이스 사용을 위해 Event Systems를 using으로 정의하고, 사용할 이벤트들을 상속받아 관련된 메서드들을 만들어 해당 메서드가 호출될 때 알맞은 Log가 찍히도록 확인해 줍니다.

 

https://docs.unity3d.com/kr/560/Manual/SupportedEvents.html

지원되는 이벤트 - Unity 매뉴얼

IPointer 인터페이스와 관련한 이벤트에 대한 모든 정리를 보시려면 위 사이트를 참고해 주세요.

 

 

 

스크립트 만든 후 3개의 오브젝트에 각각 Test Click 컴포넌트를 추가해 줍니다.

 

 

 

 

지금까지 상황입니다. Canvas - Image만 반응하고, Canvas-오브젝트 & 일반 오브젝트는 반응을 못 받고 있습니다.

 

 

 

 

 

 오브젝트 이벤트 반응시키기

 

UI 안에 또는 밖에 정의된 오브젝트들은 컴포넌트를 추가로 만들어 줘야 할 게 있습니다.

 

Box Colider

먼저 Collider컴포넌트가 필요합니다. 저는 Box Collider를 추가 해주었습니다. 2D/3D 구분해서 넣어주세요.

저는 테스트를 위해 Capsule 오브젝트에만 한 번 넣어보겠습니다.

 

 

Main Camera - Physics Raycaster

 

Main Camera로 넘어가 Physics RayCaster 컴포넌트를 추가합니다. 이것도 2D/3D 구분해서 넣어줍니다.

 

 

 

 

Box Collider를 적용한 Capsule 오브젝트는 정상적으로 반응은 하지만, 적용하지 않은 Circle UI 오브젝트는 반응하지 않습니다.

 

 

 

 

 

 Event Trigger 컴포넌트를 사용하여 다르게 제어하기

 

 

이번에는 기존의 스크립트에서 직접 IPoniter 인터페이스를 상속받아 이벤트 메서드를 만들어 주는 게 아닌, 

일반 메서드를 만들어 똑같은 반응을 보일 수 있도록 만들겠습니다. 그렇기에, 기존 Text Click 스크립트를 위와 같이 변형시켜 주었습니다.

 

 

 

그리고 반응시킬 오브젝트에 Event Trigger 컴포넌트를 추가하여 어떤 이벤트를 사용할 것인지 정의해 줍니다. 그런 다음, 사용할 이벤트에 알맞은 메서드를 연결해 줍니다.

 

위에서 반응하지 않았던 UI 오브젝트 Circle에 Collider도 추가해 주었습니다.

 

 

 

 

스크립트 변형이 있었기에, 당연히 Event Trigger 컴포넌트를 추가한 Circle 오브젝트만 반응하는 걸 볼 수 있습니다.