UGUI射线检测或触碰检测

在开发移动端时，往往需要触碰UI实现与UI的交互，要是使用射线检测机制，这时候问题来了，会发现与UI交互不起作用，这是为什么呢？

---

解决方法有挺多的，以下是个人常用的两种解决办法：

方法一：

• 首先，要使用射线检测，必须给UI添加碰撞体
• 然后因为Canvas默认渲染模式为“ScreenSpace-Overlay”，是直接渲染在屏幕上，所以射线从摄像机发射的射线是不会经过画布Canvas的，所以须要将Canvas的渲染模式改为“ScreenSpace-Camera”模式或者“WorldSpace”模式
• 最后再使用射线检测的方法

        Vector2 vector;
        void Update()
        {
	       if (Input.touchCount == 1 && Input.GetTouch(0).phase == TouchPhase.Began) 
	       {
	           vector = Input.GetTouch(0).position;  //获取到触碰点的位置
	       }
	       Ray ray = Camera.main.ScreenPointToRay(vector);   //摄像机向触碰点位置发出一条射线
	       RaycastHit hit;
	       if (Physics.Raycast(ray, out hit) && hit.collider.tag == "UI")
	       {
	           //TODO触碰到UI的逻辑
	       }
        }
        

 

方法二：

如果是NGUI 的话，它提供了一个方法可以使用，利用 UICamera.hoveredObject来判断触碰的点是否在UI上。
但是，如果我们使用的 UGUI 的话，并没有这个方法，那我们可以使用UGUI 系统提供的EventSystem.current.IsPointerOverGameObject方法来代替。

        void Update()
        {
	        if (Input.touchCount==1 &&Input.GetTouch(0).phase==TouchPhase.Began)
            {
	            if (EventSystem.current.IsPointerOverGameObject(Input.GetTouch(0).fingerId)) //判断当前手指触碰的位置是否在UI上
	            {
	                //TODO触碰到UI的逻辑
	            }
	            else
	            {
	                //没有触碰到UI的逻辑
	            }     
            }
        }

---