在开发移动端时,往往需要触碰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的逻辑
}
}
}