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 @   嘿,阿然  阅读(1539)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
点击右上角即可分享
微信分享提示