素材巴巴 > 程序开发 >

UGUI-- 屏幕坐标转UI相对坐标

程序开发 2023-09-03 12:18:24

1、RectTransformUtility类

RectTransformUtility公共类是一个RectTransform的辅助类,主要用于进行一些坐标的转换等等操作,其中对于我们目前来说,最重要的函数是:将屏幕空间上的点转换成UI本地坐标下的点

2、将屏幕坐标转换为UI本地坐标系下的点

方法:RectTransformUtility.ScreenPointToLocalPointInRectangle

参数一:相对父对象

参数二:屏幕点

参数三:摄像机

参数四:最终得到的点

一般配合拖拽事件使用

这个函数的作用就是将屏幕点的坐标(相对于左下角原点)转换为相对于父对象的坐标(以父对象左下角为原点)

在实际应用中,如果要实现摇杆的拖拽,那么可以有两种方法:

第一种是通过摇杆的坐标加上鼠标的偏移,来实现摇杆的移动;第二种则是通过屏幕坐标转换为UI本地坐标系坐标进行移动。

先看方法一:鼠标偏移转换:

btn.position += new Vector3(eventdata.delta.x, eventdata.delta.y, 0);

但是这种方法有一个问题,我们常见的摇杆操作,外面是一个大圈表示范围,中间一个原点表示实际操纵的摇杆,例如:

当鼠标超出范围时,中间原点理应在大圈范围边缘处, 此时鼠标与原点分离。

如果按照方法一,那么在鼠标从圈外往圈内移动时,等不到鼠标与原点的重合,原点便会朝着鼠标移动的方向在范围内移动,从而影响操作的物体移动,这与我们平常的习惯不符。

而通过方法二可以较好地解决这个问题,即当鼠标回到圈内范围之前,原点都不会进行移动,仍在范围边缘处,直到鼠标与原点重合,才会继续随着鼠标在操作范围圈内进行移动。

// 方法二:通过屏幕坐标转UI相对坐标
 Vector2 nowPos;
 RectTransformUtility.ScreenPointToLocalPointInRectangle(btn.parent as RectTransform,eventdata.position,eventdata.enterEventCamera,out nowPos);
 btn.position = nowPos;

标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。