Unity实现UI面板拖拽

UI元素可拖动的功能,可以使UI操作更开放,在和3D场景结合密切的UI界面需求更多,依托现在Unity3d的强大的UGUI系统可以很轻松的实现该功能。那么到底是怎么实现的呢?接下来阿然就教你一步步实现。

第一步:新建一个UI画板

 

然后再建一个空对象ItemBox,空对象下边建一个UI 的Image图像,Image中可以建你需要的东西

 

 接下来写一个ItemBox的脚本,将脚本绑定到空物体ItemBox上 运行即可

脚本源码:

public class ItemBox : MonoBehaviour, IPointerClickHandler, IBeginDragHandler, IEndDragHandler, IDragHandler
{
[SerializeField] private RectTransform dragTarget;
[SerializeField] private Canvas canvas;

void Start()
{
dragTarget = GetComponent<RectTransform>();
}

public void OnDrag(PointerEventData eventData)
{
Vector3 uiPosition;
RectTransformUtility.ScreenPointToWorldPointInRectangle(dragTarget,eventData.position,eventData.enterEventCamera,out uiPosition);
dragTarget.position = uiPosition; //将当前时间摄像机的拖拽事件的位置赋值给当前UI
}

public void OnPointerDown(PointerEventData eventData)
{
}

public void OnPointerClick(PointerEventData eventData)
{
}

public void OnBeginDrag(PointerEventData eventData)
{
}

public void OnEndDrag(PointerEventData eventData)
{
}
}

 

posted @ 2022-05-28 14:02  嘿,阿然  阅读(1455)  评论(0编辑  收藏  举报