Unity UGUI 原理篇(四)：Event System Manager 事件與觸發

Event System

在建立出UI時，Unity會自動幫我們建立Event System物件，此物件是基於滑鼠、觸摸、鍵盤的輸入方式，傳送Event到 Object 上，物件下有3個組件，分別為Event System Manager、Standalone Input Module、Touch Input Module

1.Event System Manager

控管所有Event，負責將滑鼠、觸摸、鍵盤輸入方式(Input Module) 與 被選中的 Object 互相協調，每個 “Update” Event System 都會接收所有呼叫，並判斷出這一瞬間要使用哪種Input Modules

Event System Info

當按下Play後，點選Event System物件，會在inspector顯示 選中物件、位置、接收事件的Camera等等資訊

First Selected

執行時第一次要選擇的Object，例如：選擇為 InputField (輸入框) 後 ，按下Play後就會將游標 Force 在InputField 上

Send Navigation Events

是否開啟UI導航功能，導航功能是可以用鍵盤的 “上”、”下”、”左”、”右”、”Cancel(Esc)”、”Sumit(Enter)” 控制選擇的UI

舉例：如果畫面上有多個選單按鈕，我們可以設定按鈕上的Navigation Options這裡使用Explicit方式，來指定按下鍵盤 “上”、”下”、”左”、”右” 要選取哪一個物件

Select On Up ：當鍵盤按下 “上” 鍵後要選擇的物件，Down、Left、Right 不多做贅述

Visualize Buttin： 按下Visualize可以看到物件指向的黃線

Drag Threshold

Drag Event靈敏度，越低越靈敏

2.Standalone Input Module

電腦輸入控制模組，主要影響著滑鼠與鍵盤的輸入，使用 Scene 中的 Raycasters 計算哪個元素被點中，並傳遞 Event

Horizontal Axis

代表Input Module 中的 Horizontal Axis，可以被設定為Input Manager中的值，Vertical Axis、Submit Button、Cancel Button不多做贅述

Input Actions Per Second

每秒能輸入的最大按鈕與滑鼠次數

Repeat Delay

重複輸入的延遲

事件執行完整流程

鍵盤輸入

1.Move Event：透過input manager 驗證輸入 axis、left、right、up、down 按鈕，傳遞給selected object

2.Submit 、Cancel Button：物件已經 Preesed (按下)時，透過 input manager 驗證輸入 submit 、cancel 按鈕，傳遞給 selected object

滑鼠輸入

1.如果是新的按下

a.傳送PointerEnter event

b.傳送PointerPress event

c.將drag 相關暫存

e.傳送 BeginDrag event

f.設定Event system中的 selected object 為按下的Object

2.如果是持續按下(Drag)

a.處理移動相關

b.傳送Drag event

c.處理Drag 時跨到其他物體的PointerEnter event、PointerExitevent

3.如果是釋放(滑鼠放開)

a.傳送PointerUp event

b.如果滑鼠放開與按下時的物件一樣，傳送PointerClick event

c.如果有drag 相關暫存，傳送Drop event

d.傳送EndDrag event

4.滑鼠中鍵滾輪傳送scroll event

3.Touch Input Module

觸摸輸入模組，主要用於移動設備上，可以透過Touch、Drag的方式響應，使用 Scene 中的 Raycasters 計算哪個元素被點中，並傳遞 Event

事件執行完整流程

與Standalone Input Module 的滑鼠輸入一樣，滑鼠點下想成觸摸即可

4.Event System 觸發流程

1.使用者輸入(滑鼠、觸摸、鍵盤)

2.透過Event System Manager 決定使用Standalone 還是Touch Input Module

3.決定使用的 Input Module 後，透過 Scene 中的 Raycasters 計算哪個元素被點中

4.傳送Event

Graphic Raycaster (圖形 射線檢測員)

組件位置：Unity Menu Item→ Component → Event → Graphic Raycaster

建立Canvas 物件時下的其中一個 Component，Raycaster 會觀察Canvas下所有圖形，並檢測是否被擊中，射線檢測其實就是指定位置與方向後，投射一條隱形線並判斷是否有碰撞體在線上，射線檢測這點官方已經有詳細說明，這裡用於判斷是否點選到UI圖形

Ignore Reversed Graphics：

背對著畫面的圖形，射線檢測是否要忽略此圖形

舉例：當圖形Y軸進行旋轉180後，此時是背對著畫面，這時是如果有打勾，就會忽略不檢測此圖形

Blocked Objects 、Blocking Mask：

主要用於當Canvas Component Render Mode 使用 World Space 或是 Camera Space 時，UI 前有 3D或是 2DObject 時，將會阻礙射線傳遞到 UI 圖形

Blocked Objects 阻礙射線的Object 類型

Blocking Mask 勾選的 Layer 將會阻礙射線

舉例：如果畫面上有一個 Button 與 Cube 位置故意重疊，現在點擊重疊之處會發現 Button 還是會被觸發

如果將Cube 的 Layer 改為Test01 ，Blocked Objects 設定為 Three D，Blocking Mask 只勾選 Test01，再次點選重疊區域，會發現 Cube 會阻礙射線檢測，此時按鈕會接收不到射線，當然也不會有反應

Physics Raycaster(物理物件 射線檢測員)

組件位置：Unity Menu Item → Component → Event→Physics Raycaster

透過 Camera 檢測 Scene 中的 3D GameObject(必須有ColliderComponent)，有實現 Event Interfaces 接口的物件將會接收到Message 通知，例如能讓 3D GameObject 能接收 點下Event 或是 拖拉Event 等等…..，看更多 Event 請點我

接下來讓我們透過實例理解

1.建立 EventSystem，進行 Event 處理

物件位置：Unity Menu Item → GameObject→ UI→ EventSystem

2.Camera下增加Physics Raycaster Component，用來觀察射線

3.實現 Event Interfaces 接口，這裡有兩種方式，一種是建立 Script 直接實作 Interfaces ，一種是使用Event Trigger Component

第一種 建立 Script 直接實作 Interfaces

a.建立一個 Script，實作Event Interfaces

EventTest.cs

C#

1 2 3 4 5 6 7 8 9 10

usingUnityEngine; usingUnityEngine.EventSystems; publicclassEventTest:MonoBehaviour,IPointerDownHandler { publicvoidOnPointerDown(PointerEventDataeventData) { print(gameObject.name); } }

Line. 2：using UnityEngine.EventSystems 匯入命名空間

Line. 4：繼承Event Interfaces，這裡是IPointerDownHandler(點下事件)，看更多 Event 請點我

Line. 6~8：實作方法，傳入PointerEventData為事件資料

b.建立一個3D物件(此稱為Cube)，並增加 BoxCollider Component

c.將 Script 放至 Cube 下，Inspector 中會出現 Intercepted Events 資訊，顯示出正在監聽的 Event

d.此時點擊 Cube 就會通知OnPointerDown 方法並傳入事件資訊

第二種 使用Event Trigger Component實作 Interfaces

a.建立一個 Script，實作方法，用於接收Event Trigger 通知

EventTriggerTest.cs

C#

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

usingUnityEngine; usingUnityEngine.EventSystems; publicclassEventTriggerTest:MonoBehaviour { //BaseEventData 動態傳入事件資訊 publicvoidOnPointerDown(BaseEventDataeventData) { print("OnPointerDown--BaseEventData"); } //純呼叫 publicvoidOnPointerDown() { print("OnPointerDown--non"); } //傳入int publicvoidOnPointerDown(inti) { print("OnPointerDown--int"); } }

Line. 2：using UnityEngine.EventSystems 匯入命名空間

Line. 6~8：實作方法，這邊實作3種

b.建立一個3D物件(此稱為Cube)，並增加 BoxCollider Component

c.將 Script 放至 Cube 下

d.Cube 下加入Event TriggerComponent，主要接收來至Event System 的 Event ，並呼叫有實作的Event

組件位置：Unity Menu Item → Component → Event → Event Trigger

e.點選 Add New Event Type 選擇要實作的 Event 類型 ，這裡使用PointerDown(點下事件)舉例

f.此時會新增一個UnityEvents，是一種透過編輯器設定的方式，設定Event 觸發時要通知的方法與屬性，詳細可以參考以下，這邊簡單說明

胡亂說隨便寫 –Unity：使用 UnityEngine.Events 讓程式更靈活、穩定

Unity – Manual: UnityEvents

點下 “+” 按鈕後，拖入要通知的Scene GameObject，Unity Event 就會尋找此GameObject 上所有 Public 的方法與屬性 ，就可以新增 Event 觸發時“通知的方法” 與 “預修改屬性”

g.GameObject拖入 Cube，通知方法設定 Script 中的3個方法

h.此時點擊 Cube 就會觸發 PointerDown ，通知Script 中的3個方法

4.實作注意點：

■ Scene必需有EventSystemGameObject

■ Camera 必需有Physics Raycaster Component

■3D GameObject 必須有ColliderComponent

■ 實作 Event Interfaces 的方式，一種是建立 Script 直接實作 Interfaces ，一種是使用 Event Trigger Component，由上面實作可以知道，使用Event Trigger 的方式可以使用編輯器設定，設定觸發時的 “通知方法” 與 “修改屬性”，且更為彈性

Physics 2D Raycaster

組件位置：Unity Menu Item → Component → Event→Physics 2D Raycaster

跟Physics Raycaster 只差在於，Physics 2D Raycaster 是檢測 Scene 中的 2D GameObject，當然GameObject 上必須有Collider2D Component，這邊不再贅述

後記

我們透過輸入的方式不同與Raycaster 的關係，理解了整個Event System 觸發流程，而且也知道怎麼實作 Event 與應用 Event，不管是3D、2D、UI物件都可以方便的套用，大大提升開發速度、簡化語法，可說是非常方便的功能

參考資料

■ Unity – Manual: Event System

http://docs.unity3d.com/Manual/EventSystem.html

■ Unity – Manual: UnityEvents

http://docs.unity3d.com/Manual/UnityEvents.html

■Unity – Raycasting

http://unity3d.com/cn/learn/tutorials/modules/beginner/physics/raycasting

■胡亂說隨便寫 – Unity：使用 UnityEngine.Events 讓程式更靈活、穩定

http://godstamps.blogspot.tw/2015/10/unity-unityengineevents.html