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的逻辑
	            }     
            }
        }

猜你喜欢

转载自blog.csdn.net/qq_33795300/article/details/106585968